2

我正在使用这个库来内联编辑和这个 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 执行相同操作，您将无法单击任何位置 –下面的图片会告诉你点击什么

在此处输入图像描述

4

1 回答 1

0

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

$(document).ready(function() {
    $('.admin .playlist_name').editableText({
        newlinesEnabled: false
    });
});
于 2012-07-09T18:11:09.650 回答