Jquery по щелчку не работает очень странно

-3

Мой исходный код:Jquery по щелчку не работает очень странно

<input class="eanvoera5" type="checkbox" name="nieuwpid">

получает преобразованный для дизайна в коде ниже: (при просмотре страницы в браузере)

<div class="icheckbox_minimal checked" style="position: relative;" aria-checked="true" aria-disabled="false"> 
    <input class="eanvoera5" type="checkbox" name="nieuwpid" style="position: absolute; opacity: 0;"> 
    <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 0px none; opacity: 0;"></ins> 
    </div>

Проблема:

Я не могу заставить мои функции Jquery работать для флажка. Если этот флажок установлен, я хочу показать/скрыть другое поле.

Код Jquery:

$(".eanvoera5").on('click', function() { 
alert('hitest'); 
}

Его сводит меня с ума .. Кто-то есть идея?

источник

2015-05-01 AVGG

Есть ли какая-либо ошибка в консоли? –

Хорошо выглядит, что когда-либо делает этот код, он скрывает ваш флажок, поэтому вы не будете нажимать на этот элемент. Надеемся, что этот код вызывает событие изменения, которое вы также можете связать. – epascarello

'opacity: 0;' как вы можете увидеть этот флажок и щелкнуть его? – renakre

Вы не хватает ); в конце вашей функции ...

$(".eanvoera5").on('click', function() { 
 
    alert('hitest'); 
 
}); // <!-- HERE

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input class="eanvoera5" type="checkbox" name="nieuwpid">

источник

2015-05-01 12:21:35 Turnip

Спасибо. Я знаю, что это работает, это была опечатка для примера. нормальный код работает, но мой код переписывается для дизайна, как вы можете видеть в моем примере. – AVGG

Ваш пример также работает - http://jsfiddle.net/atqwzjvu/1/ – Turnip

Некоторые AJAX меняет это впоследствии, я знаю, если я напишу этот код прямо в моем источнике, его работа. Но спасибо. – AVGG

Как вы можете видеть, что есть ошибка синтаксиса, как вам не хватает закрытия );, но что кажется для меня, что DOM изменяется с помощью какой-либо другой операции с скриптом. Как уже упоминался, это может быть возможно, что вы должны передать событие в ближайший статический родитель или к документу:

И вместо click вы должны использовать change потому флажки проверили опору, которая всегда получает изменена при нажатии хотя клик также работает.

$("body").on('change', ".eanvoera5", function() { 
    alert('hitest'); 
});

источник

2015-05-01 12:25:22 Jai

Ваш ответ кажется самым верным. Все еще не работает. Будем экспериментировать дальше, спасибо. – AVGG

Может быть, изменив функцию щелчка на что-то вроде этого для JQuery

$(".eanvoera5").click(function() { 
    alert('hitest'); 
});

принять к сведению заключение );, как все выше

https://jsfiddle.net/ToreanJoel/jjd2ode8/

источник

2015-05-01 12:40:38 TrojanMorse

$(".eanvoera5").on('ifChecked', function(event){ 
alert('hitest'); 
});

Эта функция работает , Документация можно найти здесь: https://github.com/fronteed/iCheck

iCheck не работает с JQuery.

источник

2015-05-01 12:42:18 AVGG

Jquery по щелчку не работает очень странно

ответ

Смежные вопросы