jQuery 事件直到第二次点击才触发？

Question

我有以下 jQuery 代码。 我第一次点击链接时，什么也没有发生； 但是，在第二次单击该链接时，会发生预期的操作。

$("a[rel]").bind("click", function(){
   $(".close_button_change_password").attr('id','change_password_'+$(this).attr('id'));
   $(this).overlay({
      // disable this for modal dialog-type of overlays
      closeOnClick: true,
      mask: {
         color: '#fff',
         loadSpeed: 200,
         opacity: 0.8
      }
   });
});

这是我的 HTML：

<a href="#" rel="#change_password" id="1">change password</a>

有谁知道我如何解决这个问题？ 提前感谢您的任何帮助。

Answer 1

尝试

$("a[rel]").live("click", function(){ ....

或者您可以尝试..，但我认为这不会解决它。

$("a[rel]").live("change", function(){ ....   

并确保它在 DOM 中准备就绪。

---

您可以尝试阻止默认操作，也许这会干扰您的第一次点击。

 $("a[rel]").bind("click", function(event){ event.preventDefault(); // <---------^^ $(".close_button_change_password").attr('id','change_password_'+$(this).attr('id')); $(this).overlay({ // disable this for modal dialog-type of overlays closeOnClick: true, mask: { color: '#fff', loadSpeed: 200, opacity: 0.8 } }); });

Answer 2

首先，使用 $(document).ready({}) 语句嵌入您的代码。 它确保只有在浏览器解析了所有 html 语法后，您的 dom 才会受到代码的影响。

Answer 3

尝试

$("a[rel]").click(function(){alert($(this).attr("id"));});

查看您的 HTML 代码是否有问题。 然后您可以添加其他语句以调试您的 js 代码

Answer 4

来自： http://flowplayer.org/tools/overlay/index.html

// select one or more elements to be overlay triggers

将覆盖设置为 HTML 的点击属性可能是多余的。 基于上述，我会假设覆盖已经在点击时被激活。