Возникли проблемы с нажатием кнопки jQuery

Question

Возникли проблемы с нажатием кнопки jQuery

0

Я пытаюсь запустить функцию с любого переключателя при нажатии, но, похоже, он не работает.

Мой код:

$('.radio [name=list_in]').on('click', function() {
    updateListingForm('list_in');
});

Мой HTML:

<div class="fields">
    <div class="radio">
        <div class="pretty_rb styledRadio" style="background-image: url('images/form-radio-icons.png'); width: 19px; height: 20px; cursor: pointer; background-position: 0px -20px;"><input type="radio" checked="" value="auction" class="pretty_rb" id="list_site" name="list_in" style="display: none;"></div><label for="list_site">Site</label>
    </div>
    <div class="radio">
        <div class="pretty_rb styledRadio" style="background-image: url('images/form-radio-icons.png'); width: 19px; height: 20px; cursor: pointer; background-position: 0px 0px;"><input type="radio" value="store" class="pretty_rb" id="list_store" name="list_in" style="display: none;"></div><label for="list_store">Store</label>
    </div>                    
    <div class="contentClear"></div>
</div>

Я использую плагин jQuery для создания полей радио, и это HTML-код, который он выводит, поэтому ссылки на радиополюсы скрыты.

По этой причине я не могу использовать событие onclick; вот почему я попытался с помощью on здесь, но я не могу показаться, чтобы получить его уволить?

Что я делаю не так!?

Brett 19 янв. 2014, в 19:05

Источник

1

Можете ли вы назначить прослушиватель щелчков отображаемым кнопкам вместо скрытых?
Shomz 19 янв. 2014, в 17:18
0

$ (document) .on ('click', '. radio [name = list_in]', function () {updateListingFrom ('list_in');}); Попробуй это
Seder 19 янв. 2014, в 17:18
0

что-то не так с тем, как вы прикрепляете событие click. Я думаю, что это не называется, я создал этот jsfiddle, и он работал. Вы завернули свой код клика в $(document).ready(function(){/*your code*/}) ?
Mehran Hatami 19 янв. 2014, в 17:23

Показать ещё 1 комментарий

Теги:

javascript

jquery

onclick

jquery-on

3 ответа

0

Попробуй это,

$('.radio').on('click', function() {
    updateListingForm('list_in');
});

Krish R 19 янв. 2014, в 15:23

0

Я думаю, вы пропустите $ (document).ready(function() {...});

Этот код работает для меня:

$(document).ready(function() {
    $('.radio [name=list_in]').on('click', function() {
        alert('It works');
    });
});

Hugo Chevalier 19 янв. 2014, в 15:21

0

извини, мой плохой, он уже завернут в одну.
Brett 19 янв. 2014, в 17:29
0

Кажется, что метод on () работает только с видимыми элементами, вместо него можно использовать deleteagte: $ (document) .ready (function () {$ ('body'). On ('click', '. Radio [name = list_in] ', function () {alert («Это работает»);});});
Hugo Chevalier 19 янв. 2014, в 17:40

Ещё вопросы

Можете ли вы назначить прослушиватель щелчков отображаемым кнопкам вместо скрытых?
$ (document) .on ('click', '. radio [name = list_in]', function () {updateListingFrom ('list_in');}); Попробуй это
что-то не так с тем, как вы прикрепляете событие click. Я думаю, что это не называется, я создал этот jsfiddle, и он работал. Вы завернули свой код клика в $(document).ready(function(){/*your code*/}) ?
извини, мой плохой, он уже завернут в одну.
Кажется, что метод on () работает только с видимыми элементами, вместо него можно использовать deleteagte: $ (document) .ready (function () {$ ('body'). On ('click', '. Radio [name = list_in] ', function () {alert («Это работает»);});});

Shomz · Accepted Answer · 2014-01-19T15-06-00.000Z

Назначьте слушателя отображаемым элементам вместо скрытых:

$('.radio .pretty_rb').on('click', function() {
    updateListingForm('list_in');
});

Ах, да, как глупо с моей стороны, подумать об этом, ха-ха ..... Моя единственная проблема в том, что мне нужно будет поместить их в удостоверение личности, чтобы оно не распространялось на другие радиополя на странице, но не важно ... Спасибо!
Да, вам нужен способ их дифференцировать, но это основная идея. Пожалуйста, рад, что вы разобрались! :) Забавно, как никто не удосужился прочитать полный вопрос ...