在Firefox中出現錯誤的JQuery-UI「關閉」圖標

Question

我已經繼承了一個ASP網站，前端有一些JQuery-UI，它提供了標籤和菜單。它工作正常;唯一的小問題是這些標籤在Firefox上顯得很奇怪。

當用戶點擊Superfish菜單時，添加選項卡。選項卡顯示正常，但添加了一些標記以在選項卡右側添加「X」（關閉）圖標。在IE和Webkit（瀏覽器，Safari瀏覽器等），該選項卡會出現這樣的：

|---------| 
|  x| 
|Tabname | 
|---------| 

然而，在Firefox，它看起來像：

|---------| 
|   | 
|Tabname | 
|x  | 
|---------| 

我不知道很多關於jQuery的這一點，但我嘗試過使用標記，但無法讓Firefox的右上角出現「關閉」圖標，因爲它適用於其他所有瀏覽器。

代碼的相關部分（即，如果我走了這一點，「關閉」圖標消失:)）看起來像：

var $tabs = $('#tabs').tabs({ 
      tabTemplate: '<li class="close" align=left><a href="#{href}">#{label}</a><span class="ui-icon ui-icon-close" ></span></li>', 
      }); 

誰能幫助我弄清楚是怎麼回事？如果相關，那就是正在使用的JQuery-1.4.2.min.js和JQuery-ui-1.8.4.min.js。

Answer 1

您可能感興趣的http://bugs.jqueryui.com/ticket/5603 這似乎是一個相同的問題報告爲jQuery UI錯誤。它計劃在1.9版本的jquery ui中修復，你可以通過這個鏈接找到一些可能的解決方法。

例如，頁面http://jqueryui.com/demos/tabs/#manipulation你會發現下面的解決方法（在FF運作良好）上：

#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }