このライブラリを使用して、およびこの 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 で同じことを行うと、どこもクリックできなくなります。下の画像は、何をクリックするかを示しています