jQuery 展开/折叠 div 在 IE7/IE9 中不起作用

Question

我正在处理的 URL 是 www.christnc.com。如果您访问该站点，您会在页面顶部看到一个显示“位置”的按钮。单击时，它应该展开一个显示我们所有位置的 div（使用 jQuery）。它适用于除 Internet Explorer 之外的所有浏览器。我一直在努力弄清楚为什么它在 IE 中不起作用、重写脚本、禁用/启用插件（网站使用 Wordpress 作为 CMS）等等。

谁能看看这段代码并告诉我修复方法是什么？我很确定，对于了解 Javascript/jQuery 的人来说，需要 5 分钟才能看到我猜想是一个简单的错误。不幸的是，我唯一的 javascript 体验就是拉取预先编写的脚本。

---

脚本 1（适用于除 IE 之外的所有应用程序）

$(function() {
$("#locationsButton").click(function(event) {
event.preventDefault();
$("#locationsAndServicesWrap").slideToggle(800);
});

$("#closeLocations a").click(function(event) {
event.preventDefault();
$("#locationsAndServicesWrap").slideUp(800);
});
});

脚本 2（同样适用于除 IE 之外的所有内容）

jQuery(function() {
// Hide the "view" div.
$('div#locationsAndServicesWrap').hide();
// Make the "close" button close
$("#closeLocations a").click(function(event) {
event.preventDefault();
$("#locationsAndServicesWrap").slideUp(800);
});
// Watch for clicks on the "locations" link.
$('div#locationsButton').click(function() {
// When clicked, toggle the div.
$('div#locationsAndServicesWrap').slideToggle(800);
 return false;
});
});

$(document).ready();

Answer 1

您包含两个版本的 jquery，这将无济于事。您正在加载版本 1.2.1 和版本 1.6.1。 1.2.1 来自您的 christchurch 主题。删除它然后再次测试。您可能会发现此主题中的其他脚本需要 1.2.1，但唯一的方法是开始拆开它。