Question

我正在处理的网址是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来自你的基督城主题。删除它然后再次测试。您可能会发现此主题中的其他脚本需要1.2.1，但找到答案的唯一方法是将其拆开。

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

1 个答案: