如何添加jquery按钮样式以使背景图标透明

时间:2012-11-15 16:31:57

标签: jquery jquery-ui jquery-widgets

我有解决方案,如果我把它放在标记中它可以正常工作:

//class="ui-icon ui-icon-closethick" title="Close all" style="cursor:pointer;background-image: url(content/jquery/jquery-ui/1.8.21/css/ui-lightness/images/ui-icons_ffffff_256x240.png);"

但是我需要在下面的代码中添加所有信息,我找不到正确的sintax:

$(objID).button
    ({
        icons:
        {
          primary: "ui-icon-closethick { margin:10px; }",
        },
        text: false
    }).click(function() {
            alert("Clicked!");
    });
}

感谢任何帮助

1 个答案:

答案 0 :(得分:0)

只需将样式放在一个类中,然后在点击事件中使用.addClass()

.button
{
   cursor:pointer;
   background-image: url(content/jquery/jquery-ui/1.8.21/css/ui-lightness/
                         images/ui-icons_ffffff_256x240.png);
}

.click(function() {
            alert("Clicked!");
           $(this).addClass('button');
    });