2
我用這library內聯編輯和這個CSS爲什麼不能用IE8點擊這個?
.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編輯工作.....任何想法什麼不同的模式做會導致此不工作
UPDATE ........這裏有一個例子..登錄與電子郵件[email protected]和密碼qa.previewplaylist.com English1
在儀表板上,您將看到名爲tr「QA Again 05.12」下的圖像,您可以看到當您單擊該圖像時它允許您編輯...但是如果您使用IE8登錄並執行相同操作,則無法在任何地方單擊 - 下面的圖片會告訴你點擊
你是否收到任何javascript錯誤?你的意思是什麼不起作用? – 2012-07-09 18:09:56
因此,在所有瀏覽器中,當我將鼠標懸停在.editableToolbar上時,我得到了虛線邊框,但沒有在ie8中...我什麼也沒有得到。 – Trace 2012-07-09 18:13:48
是的,我有我的代碼在document.ready – Trace 2012-07-09 18:14:53