jQueryがクリックでバインドされないのはなぜですか？

jQueryがclickイベントにバインドしないのはなぜですか？選択肢をクリックすると、onClickを置いたものを除き、警告は表示されません。jQueryがクリックでバインドされないのはなぜですか？

<html> 
<head> 
<title>Robo</title> 

<script type="text/javascript" src="jquery-1.4.2.min.js"></script><script type="text/javascript"> 

$('.changer').click(function(){alert('test');}); 


</script> 
</head> 
<body> 

<select class="changer" name="dept" id="dept_select"> 
    <option value="">Select a Department</option> 
</select> 

<select onclick="alert('ya');" class="changer" name="course" id="course_select"> 
    <option value="">Select a Course</option> 
</select> 
<select class="changer" name="section" id="section_select"> 
    <option value="">Select a Section</option> 
</select> 

</body> 
</html>

出典

2011-01-31 babonk

。

使用jQueryのreadyイベントハンドラ

$.ready(function(){ 
     $('.changer').click(function(){ 
     alert('test'); 
     }); 
    });

やライブ機能を使用してください：あなたは2つのことを行うことができます。

$('.changer').live("click", (function(){ 
    alert('test'); 
});

出典

2011-01-31 06:53:04 Chandu

あなたはreadyハンドラにコードをラップする必要があります：あなたは、クリックハンドラをバインドしているとき.changer要素はDOMでは使用できませんので

$(function(){ 
    $('.changer').click(function(){alert('test');}); 
});

出典

2011-01-31 06:52:36 Sarfraz

+1 **またはいずれかの方法ですべての「チェンジャー」要素の後に移動します。 –

ああ、私の愚かな準備を忘れる。それはしばらくしていた。ありがとう、私は誰もがアップして、あなたの答えを受け入れるよ – babonk

@babonk：ようこそ:) – Sarfraz

readyイベントであなたのjQueryをラップ：

あなたもデリゲート関数を使用することができます

$(function() { 
    $('.changer').click(function(){alert('test');}); 
});

出典

2011-01-31 06:53:42

...

$('.changer').delegate('click',function(){ 
    alert('test'); 
});

出典

2011-01-31 06:57:36 Vivek

をあなたは.readyハンドラDG構文をラップする必要があります。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.changer').click(function(){alert('test');}); 
}); 
</script>

DOMが完全に読み込まれたときに実行する関数を指定するために使用されるメソッドです。

出典

2011-01-31 07:14:49

jQueryがクリックでバインドされないのはなぜですか？

答えて

関連する問題