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登錄並執行相同操作,則無法在任何地方單擊 - 下面的圖片會告訴你點擊

​​

+0

你是否收到任何javascript錯誤?你的意思是什麼不起作用? – 2012-07-09 18:09:56

+0

因此,在所有瀏覽器中,當我將鼠標懸停在.editableToolbar上時,我得到了虛線邊框,但沒有在ie8中...我什麼也沒有得到。 – Trace 2012-07-09 18:13:48

+0

是的,我有我的代碼在document.ready – Trace 2012-07-09 18:14:53

回答

0

這是很難知道你的問題,因爲你沒有提到磨她是您收到錯誤或該網站沒有按預期行事。根據當前信息,我只能假設你沒有將你的jQuery代碼打包在$(document).ready(function() {});

$(document).ready(function() { 
    $('.admin .playlist_name').editableText({ 
     newlinesEnabled: false 
    }); 
}); 
相關問題