Question

我希望能够根据页面上的哪个按钮更改JQuery对话框标题（以及其他内容）。

我有几个按钮，所有相同的类，每个按钮都有不同的ID。只要单击任何按钮，它就会打开对话框。我不确定if语句是否正确，因为我对JQuery不熟悉。

 $(function(){
    $(".dialogButtons").click(function(){

        if($(this).attr('id') == "button1"){

            $("#dialog-form").dialog('option', 'title', 'title for button one');

        }

        $("#dialog-form").dialog('open');
    });

我想留下原始问题，但我确实知道如何找出点击的ID。

$(this).is("#button1")

我仍然没有想出如何更改标题，虽然我也尝试了这个，但它不起作用：

 $("#dialog-form").attr('title', 'Button one title');

Answer 1

添加到按钮data属性并从中拉出文本，而不是分别为每个按钮编写if语句。

试试这个：

按钮 :(假设它是一个按钮）

<button class="dialogButtons" data-title="some title">Button 1</button>
<button class="dialogButtons" data-title="another title">Button 2</button>

<强>脚本：

 $(function(){

     $( "#dialog-form" ).dialog({
        autoOpen: false,
        // other options...
     });

     $(".dialogButtons").click(function(){
         var title = $(this).data('title');
         $("#dialog-form").dialog('option', 'title', title);
         $("#dialog-form").dialog('open');
     });

});

<强> JSFiddle

如何在JQuery中基于按钮id更改对话框标题

1 个答案: