Question

我有一组按钮，我试图代替为它们设置单独的图标，使用属性和一对一功能来设置它们的图标。以下是我的按钮示例：

<button title="New Project" id="New" class="Nx button" type="document"></button>

这是我想要实现的目标：

$('.button').button({
   icons: { primary:'ui-icon-'+$(this).attr("type") },
   text:false
});

但它不起作用。所以我想要对元素的“type”属性进行内部引用，以便能够设置图标

Answer 1

以下是我将如何进行的演示。我还提供了以下代码。需要帮助请叫我。

CODE：

$(document).ready(function(){
    $("button").each(function(index,element){
       $(element).button({
            icons: {
                primary: "ui-icon-" + $(this).attr('type')
            },
                text:false
            })
    });
});

DEMO：http://jsfiddle.net/sZdd8/11/

jquery ui动态图标

1 个答案: