как привязать другое событие к элементу внутри тега привязки, используя jquery

Question

Я использую плагин звездной оценки в jquery mobile, чтобы оценить мои документы. Мой код выглядит так:

<li>
    <a href="#" class="page3-links">
        <img src="images/pdf.png">
            <h2>Books1</h2>
                <input name="star1" type="radio" class="star"/>
                <input name="star1" type="radio" class="star"/>
        <input name="star1" type="radio" class="star"/>
        <input name="star1" type="radio" class="star"/>
        <input name="star1" type="radio" class="star"/>
     </a>
</li>

Моя проблема в том, что я хочу нажать на вход, но событие привязки тега вызывается всякий раз, когда я нажимаю наввод и если я помещаю ввод из якоря изменения форматирования мобильных телефонов jquery, и это выглядит очень уродливо, что я должен делать

я пытаюсь так

$('document').ready(function()
{
    $('.page3-links').click(function(){alert("hasdasi");});
    $('.page3-links input').unbind('click');
});

спасибо за ваше драгоценное время

Answer 1

Этого можно избежать, остановив распространение события из входного элемента.Попробуйте это

$('document').ready(function()
{
    $('.page3-links').click(function(){alert("hasdasi");});
    $('.page3-links input').click(function(e){
       e.stopPropagation();
    });
});

Answer 2

Для предотвращения отслеживания привязки необходимо вызвать preventDefault для переменной события.

$('.page3-links').click(function(e){
  e.preventDefault();
  alert("hasdasi");
});