2012-12-18 65 views
1

我使用jQuery按鈕,特別是這個例子:jQuery UI的按鈕內表細胞 - 渲染問題

http://jqueryui.com/button/#splitbutton

我放在這個標記表前前後後TD 每一行:

<div> 
    <button id="possible-actions">Action</button> 
</div> 
<ul> 
    <li><a href="#">Reopen</a></li> 
    <li><a href="#">Close</a></li> 
    <li><a href="#">Delete</a></li> 
    <li><a href="#">Move...</a></li> 
</ul> 

當然,我已經相應地修改了JavaScript。但是,現在我正在努力解決Internet Explorer 8中的呈現問題。發生的是,其他單元格的內容呈現爲一個錯誤 - 例如,行具有較高的高度,一些單元格內容在單元格外呈現。但是當我將鼠標移動到行上時,似乎IE重新刷新/刷新並且行已修復。

我沒有任何鼠標懸停處理程序或其他事件。普通表格+這個jQuery UI按鈕。我想知道是否會發生這種情況,因爲我在td中使用了塊元素,或者在頁面加載後瀏覽器出現渲染表問題時動態創建這些按鈕。

僅供參考:Google Chrome & FF沒有此問題。

+1

IE總是有問題與jQuery ... – ATOzTOA

+0

請張貼一個jsFiddle的例子。 – j08691

+0

可能很難在jsFiddle上重現它,但我會嘗試 – dragonfly

回答

0

更改標記爲:

<span style="display: inline-block"> 
    <button id="possible-actions">Action</button> 
</span> 
<ul style="display: none"> 
    <li><a href="#">Reopen</a></li> 
    <li><a href="#">Close</a></li> 
    <li><a href="#">Delete</a></li> 
    <li><a href="#">Move...</a></li> 
</ul> 

固定的問題。我使用的風格是:

  • 顯示:inline-block的 - 因爲我需要控制一些寬/高dimmentions
  • 顯示:沒有 - 因爲我創造&節目點播菜單按鈕被點擊時