我可以触发单击 href 元素而不触发 href 链接吗？

Question

我有一段代码，有时需要由脚本触发，但我不希望它更改我页面上的 URL。 （它由于某些奇怪的原因弄乱了历史状态）

我需要触发的代码：

 $(".photos-bottom .albums #albums li").live("click", function() {
  // my action here
 });

 The code I use to trigger it:
 $(".photos-bottom .albums #albums li:first").trigger("click");     

要单击的链接，但是我刚刚注意到，它应该单击 li 并且 li 位于 href 内部，所以我不知道为什么它仍然点击它..

<a href="#/photos/1/album/42/" rel="address:/photos/1/album/42/">
<li id="42">

Answer 1

尝试使用 triggerHandler() 代替： http://api.jquery.com/triggerHandler/< /a>

.triggerHandler() 方法的行为与 .trigger() 类似，但有以下例外：
.triggerHandler() 方法不会导致事件的默认行为发生（例如表单提交）...[省略]

否则使用 trigger() 和 调用中的额外参数（请参阅http://api.jquery.com/trigger/ ）并在你的处理程序中只需检查传递的参数即可。如果传递了参数，那么您将阻止默认链接操作。 .preventDefault()

（注意：我假设您的处理程序附加到 links 元素，而不是列表项，因为您无法将列表项包装到链接中）

Answer 2

我认为这是由 live() 引起的。这是因为事件向上冒泡到 并触发 上的点击事件。您可以使用 delegate() 或 on() (jQuery > 1.7) 将事件处理程序附加到 上，然后从函数返回 false 以阻止它触发重定向

您可以 与委托一起使用

 $(".photos-bottom .albums #albums a").delegate(".photos-bottom .albums #albums li", "click", function(e) {
  // my action here
     alert("hi");
     //return false so that you stop the immediate propagation of the event
     return false;
 });


 $(".photos-bottom .albums #albums li:first").trigger("click");  

Fiddle http://jsfiddle.net/3CQFK/

Answer 3

是的，这是一个正常的任务。您可以在回调收到的事件上调用一个函数，该函数会阻止浏览器的默认操作，称为 防止默认。你的代码是：

$(".photos-bottom .albums #albums li").live("click", function(event) {
    event.preventDefault();
    // your code here
    // ...
});