Question

是否可以使用元素的类名而不是id来应用/创建YUI按钮。我必须生成一个按钮列表，然后将其转换为YUI按钮。

[更新]

顺便说一下，我正在尝试在锚标签中应用按钮。所以这将是一个链接按钮。

[更新：代码]

好的，这是代码。我有一个生成此锚标记的循环。

<a class="system-button" href="/system/edit/12">Edit</a>

wrumsby的答案完全有道理。但我不知道为什么它不起作用。我尝试调试它并成功获取元素。但似乎没有创建YUI按钮。

我甚至尝试为元素生成唯一ID，但仍然没有运气。

有什么想法吗？

Answer 1

看起来我自己已经解决了。但我不确定这是否是最好的解决方案。我生成了唯一的ID然后创建按钮。

    var i = 0;
$(".system-button").each(function(i,b){

    var button = new YAHOO.widget.Button($(b).attr('id','system-button'+i).attr('id'));
     i++;
});

哦，是的，我在这里使用JQuery。那个框架太棒了。

Answer 2

您应该可以像srcelement configuration attribute那样使用：

(function() {
    var Dom = YAHOO.util.Dom,
        Event = YAHOO.util.Event,
        Button = YAHOO.widget.Button;

    Event.onDOMReady(
        function() {
            var elements = Dom.getElementsByClassName('...');

            for (var i = 0; i < elements.length; i++) {
               var button = new Button({
                   srcelement: elements[i],
                   ...
               });
               ...
            }
        }
    );
})();

YUI按钮按类名应用

2 个答案: