3

我正在使用 jQuery UI 并试图找出一种通过按钮选项数组传递自定义数据字段的方法。我想像下面的例子一样传递字段。数据示例和数据示例 2。这可以通过按钮参数来完成吗？

<button type="button" data-example="XXXX" data-example2="YYYY" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false" ><span class="ui-button-text">xxx</span></button>

这是我的创建对话框代码-

options = {
                autoOpen: true,
                buttons : [
                    {text:"example1"},
                    {text:"example2"}
                ]
            }
jQuery("<div class='dialog' title='xxx'><p>xxx</p></div>")
            .dialog(options);

http://api.jqueryui.com/dialog/#option-buttons

4

2 回答 2

13

这个例子应该会有所帮助。

$(function() {
   $( "#dialog" ).dialog({ buttons: [ { id:"test","data-test":"data test", text: "Ok", click:    function() {alert($('#test').data('test')); $( this ).dialog( "close" ); } } ] });
});

http://jsfiddle.net/9g6jM/

于 2013-10-18T16:44:54.017 回答
0

您可以在打开对话框或在代码中需要时设置 jQuery UI 按钮属性。

代码：

$("#demo")
    .dialog({
    autoOpen: true,
    buttons: [{
        text: "example1"
    }, {
        text: "example2"
    }],
    open: function (event, ui) {
        $(":button:contains('example1')").attr("data-example", "XXX").attr("data-example2", "YYY");
    }
});

代码选择 jQuery UI 按钮 example1 并设置其数据属性。

演示：http: //jsfiddle.net/IrvinDominin/BKHEn/

于 2013-10-18T16:47:00.773 回答