这个让我疯了。
我写了一个页面,使用jQuery,它的大贴在这里,但生病了一个减少的例子。
有一个内容窗格加载为空。
然后有三个隐藏的div,其中包含联系方式,网站详细信息等内容。
这个想法是当你点击一个按钮时,我只是将div的内容交换到空白内容窗格(div)并干净地滑入和滑出。
这一切都很好,虽然这是我的问题。
我在联系表单上有一个发送按钮,但不管我尝试什么,我都不能用jQuery选择它。
我删除了它背后的所有联系人代码,现在我想要做的就是弹出一个警告框,我甚至不能这样做。
即$('.send').click(function() {alert('Something');});
我能想到的唯一结论是,因为当页面加载时隐藏了联系人面板,所以它无法选择它。
我将相同的“发送”按钮添加到另外两个div上,并且只有当页面加载失败时隐藏的div',首页加载时显示的div才能正常工作。
可能难以描述,但请看一下此页面的代码: http://cheynewallace.com/custom/about/
在体验标签下,“此网站”标签和“联系人”标签中,您可以看到第一个单词是粗体“发送”,这就是我试图使用的内容。您可以看到所有三个“发送”按钮完全相同。
那为什么它只适用于1?选择器即时使用将选择所有类.send。
干杯
答案 0 :(得分:1)
由于您更改了该块中的HTML,因此会删除事件绑定。您现在和将来都可以使用live()方法将处理程序附加到与当前选择器匹配的所有元素的事件。在你的情况下,它将是:
$(".send").live("click", function() {alert("Something")})
了解更多here