javascript - 为什么我不能用IE8点击这个？

Question

我正在使用这个 library内联编辑和这个 css

.editableText:hover {
    outline: 1px dashed grey;
}
.editableToolbar:hover + * {    
    outline: 1px dashed grey;
}
.editableToolbar {
}
.editableToolbar a {
    display: block;
    float: left;
    height: 15px;
    margin: 2px;
    width: 17px;
}
.editableToolbar .edit {
    background: url("icons.png") repeat scroll 0 0 transparent;
}
.editableToolbar .save {
    background: url("icons.png") repeat scroll -16px 0 transparent;
}
.editableToolbar .cancel {
    background: url("icons.png") repeat scroll 25px 0 transparent;
}

这里是生成的html

<div class="editableToolbar">
  <a href="#" class="edit" style=""></a>
  <a href="#" class="save" style="display: none; "></a>
  <a href="#" class="cancel" style="display: none; "></a>
</div>

这是我的jquery

 $('.admin .playlist_name').editableText({
   newlinesEnabled: false
 });

并且在所有浏览器中都运行良好，但 IE8 ....我查看了文档模式并将其从 IE8 更改为 IE7 以及要编辑的 javascript 和 css 工作......关于不同模式的任何想法这样做导致它不起作用

更新........这是一个例子..使用电子邮件 user7@test.com 和密码 English1 登录 qa.previewplaylist.com

在仪表板上，您将在名称 tr“QA Again 05.12”下看到一个图像，您可以在单击它时看到它允许您编辑...但是如果您登录并使用 IE8 执行相同的操作，则无法单击任何地方——下图会告诉你点击什么

Answer 1

很难知道您的问题是什么，因为您没有提及您是收到错误还是网站未按预期运行。根据当前信息，我只能假设您没有将 jQuery 代码包装在 $(document).ready(function() {});

中

$(document).ready(function() {
    $('.admin .playlist_name').editableText({
        newlinesEnabled: false
    });
});