jQuery UI的小部件內容按鈕錯誤

我注意到，如果您有以下jQuery UI的小部件內容按鈕錯誤

<div class="ui-widget-content"> 
    <div class="ui-icon ui-icon-plus"></div> 
</div>

，使用戶界面，像這樣

$('.ui-icon').button();

它並沒有真正的工作作爲一個按鈕ui-widget背景會弄亂按鈕圖標。 :( 任何人知道這個錯誤？

編輯的問題是其性格的背景位置和背景的URL ui-widget-content的background

來源

2010-12-22 Val

嗯，我找到了解決，但不是很漂亮工作

$.each('.ui-icon',function(i,n){ 
    var iconclass= $(n).attr('class'); 
    $(n).removeAttr('class'); 
    $(n).button({ 
     icons:{ 
      primary: iconclass 
     } 
    }); 
});

來源

2010-12-22 09:22:25 Val

-2

我不知道<DIV>(s)可以初始化成按鈕。

<div class="ui-icon ui-icon-plus"></div>

來源

2010-12-22 09:01:58

的問題是在選擇爲「互動狀態」捲起所有的背景屬性到一個聲明，這使得不可能進行分選擇器來覆蓋各個屬性：

原來看起來像這樣：

 
    .ui-state-default, 
     .ui-widget-content .ui-state-default, 
     .ui-widget-header .ui-state-default { 
      border: 1px solid #dddddd; 
      background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; 
      font-weight: bold; 
      color: #0073ea; 
     }

分手背景分爲兩個獨立的聲明和它的工作原理：

 
    .ui-state-default, 
     .ui-widget-content .ui-state-default, 
     .ui-widget-header .ui-state-default { 
      border: 1px solid #dddddd; 
      background-color: #f6f6f6; 
      background-image: url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; 
      font-weight: bold; 
      color: #0073ea; 
     }

NB這與您將其設置爲按鈕（）的事實無關 - 只發生在HTML/CSS位。

來源

2011-07-05 13:16:03 joshwa

我試過了，它沒有工作 – aelstonjones 2012-12-20 20:51:54

jQuery UI的小部件內容按鈕錯誤

回答

相關問題