YUI按钮通过类名应用

发布于 2024-07-11 16:37:05 字数 413 浏览 4 评论 0原文

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

[更新]

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

[更新：代码]

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

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

乌鲁姆斯比的回答完全有道理。但我不知道为什么它不起作用。我尝试对其进行调试，并且成功获取了元素。但似乎没有创建 YUI 按钮。

我什至尝试为元素生成唯一的 id，但仍然没有成功。

有任何想法吗？

原文

Is it possible to apply / create a YUI Button by using an element's class name and not by id. I have to generate a list of buttons then transform it to a YUI button.

[Update]

By the way, I'm trying to apply the button in an anchor tag. So it will be a link button.

[Update:Code]

Ok so here's the code. I have a loop that generates this anchor tag.

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

wrumsby's answer perfectly makes sense. But I don't know why it doesn't work. I tried debugging it and the elements are successfully fetched. But it seems that no YUI Buttons are created.

I even tried generating unique ids for the elements but still no luck.

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

醉生梦死 2024-07-18 16:37:05

看来我自己已经解决了。但我不确定这是否是最好的解决方案。我生成了唯一的 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。这个框架太棒了

Looks like I've solved it myself. But I'm not sure if this is the best solution. I generated unique ids then create the buttons.

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

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

And oh yes, I use JQuery here. That framework is so awesome.

回复收藏 0 原文

七度光 2024-07-18 16:37:05

您应该能够使用 srcelement 配置属性像这样：

(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],
                   ...
               });
               ...
            }
        }
    );
})();

You should be able to use the srcelement configuration attribute like so:

(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],
                   ...
               });
               ...
            }
        }
    );
})();

回复收藏 0 原文

~没有更多了~