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 に答える