Question

我的jquery上有这段代码

 participantText += '<div class="wrap_col td7"><input type="image" src="/pc/images/callgray.png" style="vertical-align: middle" class="actionInvite"></div>';

这是类actionInvite

的动作

$(".actionInvite").click(function(){
    alert("Hello World");
});

但是当我点击按钮时，它不会警告＆＃34; Hello World＆＃34;。

它只是重新加载页面。

Answer 1

你动态分配html。

对于动态内容

试试这个

$(document).on("click",".actionInvite",function(){
    alert("Hello World");
});

Answer 2

image输入类型实际上是submit button（因此重新加载）。如果你必须使用它，那么你需要在你的类或表单提交事件处理程序中的某个地方执行此操作：

$(".actionInvite").closest('form').submit(function(e){
   e.preventDefault();
   alert("Hello World");
});

使用html5和现代CSS，我完全忘记输入类型确实存在。我确信你脑子里有一个更干净，更好的解决方案。

这里有一个jsfiddle。

单击时，按钮在jquery上不起作用

2 个答案: