jquery - 为什么我的 jQuery 插件不能在 IE9 中创建列？

Question

我在我的 WIP 站点的左侧实现了一个新的侧边栏状态切换器，它在 Chrome 和 Firefox 中完美运行，但像往常一样，IE9 让我头疼。根本不熟悉 jquery（插件的语言），我只是不确定如何解决这个问题。有人可以提供推荐吗？

除了 IE9 没有像 Chrome 和 Firefox 那样在列中显示我的状态（“li”元素）之外，一切看起来都是正确的。

即使是关于某人通常如何解决此问题的建议也会很棒。如果它是 css，我只是拉起 firebug，但我对 jquery 完全是绿色的。

非常感谢。

score 2 · Accepted Answer

当我在 IE 中打开您的页面时，我收到 javascript 错误，这通常会使 jQuery 停止处理。

第一个错误：

消息：预期 ')' 行：35 字符：1 代码：0 URI：http ://allhomes.ws/alabama/

第二个错误：

消息：对象不支持属性或方法 'ajaxForm' 行：16 字符：2 代码：0 URI：http ://allhomes.ws/alabama/form/jquery.form.js

错误之一在这里-您缺少结束括号：

<script type="text/javascript">
$(document).ready(function(){
    $('#example').sticklr();
}
</script>

应该：

});
</script>

score 1 · Accepted Answer

真正的问题在于您的 CSS。我让 IE9 通过添加以下内容在列中列出您的状态：

.sticklr > li { width: 1000px; }

现在，我知道它并不完美，但您只需要使用宽度和其他 UL 元素即可获得所需的效果。

我又玩了一会儿，让他们排成一行：

.sticklr > li { width: 1500px; }
.sticklr > li > a { float: left; }
.sticklr > li > ul { margin: 0; }

score 0 · Accepted Answer

控制台说您的文档就绪功能中有一个 JS 错误。罪魁祸首似乎是缺少花括号，解决方案：

$(document).ready(function(){ $('#example').sticklr(); });

3 回答 3