jQuery - Cant Select HIdden Elements

时间:2011-01-13 02:53:59

标签: jquery jquery-selectors

这个让我疯了。

我写了一个页面,使用jQuery,它的大贴在这里,但生病了一个减少的例子。

有一个内容窗格加载为空。

然后有三个隐藏的div,其中包含联系方式,网站详细信息等内容。

这个想法是当你点击一个按钮时,我只是将div的内容交换到空白内容窗格(div)并干净地滑入和滑出。

这一切都很好,虽然这是我的问题。

我在联系表单上有一个发送按钮,但不管我尝试什么,我都不能用jQuery选择它。

我删除了它背后的所有联系人代码,现在我想要做的就是弹出一个警告框,我甚至不能这样做。

$('.send').click(function() {alert('Something');});

我能想到的唯一结论是,因为当页面加载时隐藏了联系人面板,所以它无法选择它。

我将相同的“发送”按钮添加到另外两个div上,并且只有当页面加载失败时隐藏的div',首页加载时显示的div才能正常工作。

可能难以描述,但请看一下此页面的代码: http://cheynewallace.com/custom/about/

在体验标签下,“此网站”标签和“联系人”标签中,您可以看到第一个单词是粗体“发送”,这就是我试图使用的内容。您可以看到所有三个“发送”按钮完全相同。

那为什么它只适用于1?选择器即时使用将选择所有类.send。

干杯

1 个答案:

答案 0 :(得分:1)

由于您更改了该块中的HTML,因此会删除事件绑定。您现在和将来都可以使用live()方法将处理程序附加到与当前选择器匹配的所有元素的事件。在你的情况下,它将是:

$(".send").live("click", function() {alert("Something")})

了解更多here