2

我想知道如何将图像添加到 jquery 按钮。到目前为止，我在我的项目中使用 jquery ui 按钮，并且我从图形团队获得了自定义图像，所以我想实现它们。

submit.button({ icons: {primary:'ui-icon-trash'}, text: false })

如何将自定义图像添加到此 jquery 按钮？

4

2 回答 2

5

我只想为按钮分配一个类...

$("#buttonId").button({

    icons: {primary: null},
    text: false

}).addClass("ButtonClass");

然后你的 CSS 类可能看起来像这样......

.ButtonClass
{
    background-image: url(../images/Button.png);   
    background-repeat: no-repeat; 
    border: none;    
}
于 2012-06-21T15:54:21.440 回答
3 
<button>Trash</button>
<style>
    .ui-button ​.ui-button-icon-primary {
        background: url('/my-custom-trash-image.png');
    }​
</style>
<script>
    $(function() {
        $('button').button({
            icons: {
                primary: 'ui-icon-trash'
            },
            text: false
        });
    });
</script>

primary不幸的是，即使不会使用该图标，您也必须为该图标传递一个有效值。

现场示例- http://jsfiddle.net/aMVrz/

于 2012-06-21T15:45:33.337 回答