2013-03-12 3 views
-1

У меня есть простой js, где я показываю предупреждение при щелчке или изменении события флажка. Я использую файл библиотеки jquery-1.8.2.js. Код отлично работает в jsFiddle, но не работает в другом месте. Я не могу понять, что может быть проблемой здесь.jQuery checkbox change, click event не работает с jQuery1.8.2

<input type="checkbox" id-="chkJS"/><label for "chkJS">click this</label> 

$(document).ready(function(){ 
    $('#chkJS').change(function(){ 
    alert("changed it"); 
    }); 
    $('#chkJS').click(function(){ 
    alert("clicked it"); 
    }); 
}); 
+0

Вы включили библиотеку Jquery в свой источник? –

+6

'id - =" chkJS "'? – undefined

+1

Пожалуйста, примите ответ, если у вас есть решение, спасибо. – Patriks

ответ

3

Вы забыли = в объявлении ярлыка и id-="chkJS" для типа входного сигнала.

<input type="checkbox" id="chkJS"/><label for="chkJS">click this</label> 

ИЛИ

Ваш код работает отлично в fiddle потому, что скрипку нагрузки Jquery автоматически для вас и на других вы не можете загрузить JQuery.

Поэтому, пожалуйста, проверьте, загружен ли jQuery или нет.

+1

@ down-voter .... позаботиться о том, чтобы мы могли учиться на ошибках ... ?? если вы не были очищены в своем вопросе, тогда это была не наша ошибка. –

+0

@ Крис может быть и в этом случае .. CASE: я писал ответ, когда комментировал комментарий. right ... и OP не только эту ошибку см. мой обновленный ответ. –

+0

спасибо большое. исправило его. Это было бы самой большой ошибкой в ​​истории опечаток. Уже потрачено много времени на это: $ – mrityunjay

0

У вас есть опечатка в вашем элементе ввода атрибута id-="chkJS". она должна быть, как это

<input type="checkbox" id="chkJS"/><label for="chkJS">click this</label> 

Demo: CheckBox demo

+0

Почему downvotes? есть некоторая любезность, чтобы оставить ответ. так что мы можем исправить свои ошибки: 0 –

+0

это была ошибка, и я правильно ее закодировал на jsfiddle, так что она там работала. что-то стучал головой. Благодарю. Я сожалею, что не проголосовал за вас, так как у меня нет права голоса, но еще раз спасибо – mrityunjay

+0

@downvoter? где u ppl? –

0
id-="chkJS" 

должен быть

id="chkJS" 
+0

Это была ошибка, и я правильно ее закодировал на jsfiddle, так что там она работала. что-то стучал головой. Благодарю. – mrityunjay

0

Вы закодировать элемент был имеющий дефис для атрибута ид, как id- =, так когда селектор выполняет поиск элемента, для этого элемента нет идентификатора. Измените его следующим образом:

<script src="https://www.google.com/jsapi"></script> 
<script> 
google.load('jquery', '1.3.1'); 
</script> 
<body> 
     <input type="checkbox" id="chkJS"/><label for "chkJS">click this</label> 
     <script> 
     $(document).ready(function(){ 
      $('#chkJS').change(function(){ 
      alert("changed it"); 
      }); 
      $('#chkJS').click(function(){ 
      alert("clicked it"); 
      }); 
     }); 
     </script> 
</body> 

Надеюсь, это поможет.

+0

google.load и все не нужно, если вы добавляете файл js с самого сервера, я сделал это, потому что я использую из google libs. – Hari