jquery ui-widget-content button bug

我注意到如果你有以下内容
<div class="ui-widget-content">
   <div class="ui-icon ui-icon-plus"></div>
</div>
并使ui成为这样的按钮
$('.ui-icon').button();
它并没有真正起作用,因为ui-widget背景混淆了按钮图标。 :( 有谁知道这个bug? 编辑 问题是
ui-widget-content
上的
background
,它处理背景位置及其背景URL     
已邀请:
好吧,我找到了一个工作但不是很漂亮
$.each('.ui-icon',function(i,n){
    var iconclass= $(n).attr('class');
    $(n).removeAttr('class');
    $(n).button({
        icons:{
            primary: iconclass
        }
    });
});
    
问题出在“交互状态”的选择器中将所有背景属性汇总到一个声明中,这使得子选择器无法覆盖单个属性: 原件看起来像这样:     的.ui状态,默认情况下,         .ui-widget-content .ui-state-default,         .ui-widget-header .ui-state-default {             border:1px solid #dddddd;             背景:#f6f6f6 url(images / ui-bg_highlight-soft_100_f6f6f6_1x100.png)50%50%repeat-x;             font-weight:bold;             颜色:#0073ea;       } 将背景分解为两个单独的声明,它可以工作:     的.ui状态,默认情况下,         .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;             颜色:#0073ea;       } 注:这与你使它成为一个按钮()的事实无关 - 它只发生在HTML / CSS位上。     
我不知道
<DIV>(s)
可以初始化成一个按钮。
<div class="ui-icon ui-icon-plus"></div>
    

要回复问题请先登录注册