ホームページ >ウェブフロントエンド >jsチュートリアル >指定された ID の jquery クリック イベントをトリガーできないのはなぜですか?

指定された ID の jquery クリック イベントをトリガーできないのはなぜですか?

黄舟
黄舟オリジナル
2017-06-27 10:18:492382ブラウズ

jqueryを使用しているときにこの問題に遭遇しました。クリックが反応しませんでした。 jquery は次のようなものです

<script type="text/javascript">
$(document).ready(function(){     
alert("1");
$("#b01").click(function(){
    alert("2");
});
});     
</script>

これは

ボタンです6fb7865d740640142e12b72a0cb779f2コンテンツの変更65281c5ac262bf6d81768915a4a77ac0
ページの更新により、このボックスが表示されますが、クリックしてくださいbutton 2 箱が出てこないだけでなく、反応がないのはなぜですか? !

FF のコードのこの部分には問題はありません。6fb7865d740640142e12b72a0cb779f2Change Content65281c5ac262bf6d81768915a4a77ac0

この部分は後で生成されます。 $(ドキュメント)。この部分は準備ができた時点でロードされていません。

テストしたら正常です

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
 
</head>
 
<body>
<script type="text/javascript">
$(document).ready(function(){     
alert("1");
$("#b01").click(function(){ 
    alert("2");
});
});     
</script>
这个是按钮<button id="b01" type="button">Change Content</button>
</body>
</html>
rreeee

本文に直接書いてあるので読み込まれていないのでは?

読み込まない問題の場合、解決する方法はありますか?

HTMLに直接記述すると、スペルミスなどがないかチェックすることができ、2#などの独立したテストを実行することができます。

問題ありません。FF、IE、Google で試しました。 「送信」ではなく「内容の変更」を押してよろしいですか?

cf7853e9e3053103065ec467cc33bfcf 部分は機能しないので、削除してください。なぜ? その後、インクルード部分にも b01 という要素 ID がある可能性があります。私の記憶が正しければ、

ID セレクター は最初の要素のみを返します。

何か矛盾があるように見えますか? $ を jQuery に変更するだけです、皆さんありがとう

以上が指定された ID の jquery クリック イベントをトリガーできないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。