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

Question

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

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

即使是关于某人如何正常排除故障的建议也会很棒。如果它是css，我只是拉扯萤火虫，但我对jquery完全是绿色的。

非常感谢。

Answer 1

当我在IE中提取页面时出现javascript错误，这通常会导致jQuery停止处理。

第一个错误：

消息：预期'）' 行：35 Char：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>

Answer 2

真正的问题在你的CSS中。我通过添加：

让IE9在列中列出您的状态

.sticklr > li { width: 1000px; }

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

---

我正在玩一点，并让他们排成一行：

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

Answer 3

控制台说您的文档就绪功能中存在JS错误。罪魁祸首看起来是一个缺少大括号的解决方案：

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