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

您可以通过停止来自input元素的事件传播来避免这种情况。试试这个

$('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");
});

如何使用jquery将不同的事件绑定到锚标记内的元素

2 个答案: