jQuery colorbox 仅绑定到 IE 7 和 FF 3.0 中的 1 个元素答案

【问题标题】：jQuery colorbox only binds to 1 element in IE 7 and FF 3.0jQuery colorbox 仅绑定到 IE 7 和 FF 3.0 中的 1 个元素
【发布时间】：2010-02-25 05:03:31
【问题描述】：

我刚刚用 PHP/MySQL/jQuery 为网站编写了一个后端，但是我的 jQuery 颜色框在旧版本的 IE 和 Firefox 中不起作用。

重现问题的步骤： 1.导航到http://swstrailers.com/ 2.滚动到最底部，然后单击右上角的登录链接 3. 将字段留空，然后单击登录按钮

此时，页面将重新加载，并显示一个错误，告诉您登录失败。黄色错误框和页面底部的登录链接会出现再次登录的链接。

在 IE 7 和 FF 3.0 中，只有黄色错误框中的登录链接会正确弹出颜色框；页面底部的登录链接现在只会在一个新的空白页面中加载登录表单。

在 FF 3.5+ 和更新版本的 Chrome 和 Safari 中，两个链接都会弹出颜色框（如预期的那样）。

有人知道为什么会这样吗？似乎 jQuery 未能将 .colorbox() 事件绑定到页面加载时的每个链接。

保存绑定的文件是 swstruckbodiesandtrailers.com/_scripts/common.js

【问题讨论】：

标签： javascript jquery html internet-explorer colorbox

【解决方案1】：

id 属性在一个页面中应该是唯一的，jQuery 选择器$('a#ajaxLogin') 只返回第一个元素。如果您希望更多元素触发颜色框，请使用class 属性，即：<a class="ajaxLogin" [...]，在 js 中：$('a.ajaxLogin')

【讨论】：

非常感谢。多么新手的错误。当我使用类而不是 ID 时，一切正常。