如何防止jquery mobile中的默认列表视图点击？

Posted 2023-03-15

【中文标题】如何防止jquery mobile中的默认列表视图点击？

【英文标题】：How to prevent default listview click in jquery mobile?

【发布时间】：2013-01-25 04:36:59

【问题描述】：

我创建一个列表视图..在列表视图中我放了一个按钮..喜欢

<ul class="ui-listview">
 <li>
  <p>HEllo</p>
  <input type='button' id='btn1'>
  </li>

<li>
  <p>Hiii</p>
  <input type='button' id='btn2'>
  </li>
</ui>

现在我想要这个按钮的单击事件并停止列表视图的默认单击...那么它在 jquery 中怎么可能？

【问题讨论】：

event.preventDefault?

event.stopPropagation, event.preventDefault

在您的按钮单击事件处理程序中，我假设 $("#btn1").click(function(event)...);

但是在你的例子中lis 是不可点击的，因为你没有链接，所以何必呢？还是你的意思是别的？

感谢@peterm 的帮助..它节省了我的时间

【参考方案1】：

$("input[type=button]").click(function(event)
    event.stopPropagation();
    //your code goes here
);

Here is jsFiddle 基于您的标记。