У вас возникли проблемы с jQuery «on» нажмите

Question

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

Моего код:

$('.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 из-за this reason; поэтому я пробовал использовать здесь on, но я не могу заставить его стрелять?

Что я делаю неправильно !?

Answer 1

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

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

Answer 2

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

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

Answer 3

Я думаю, что вы пропустите $ (документ) .ready (функция() { ...});

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

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