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