打开jquery-ui对话框的名称

Question

我有一种情况，我想用按钮打开一个模态。但是，似乎我需要为我的指示符使用ID或CLASS。这个变得棘手的是我希望我的模态按钮看起来像我的其他按钮，所以我不想给它自己的CLASS或ID，因为这意味着重复CSS或改变按钮的外观。

我有两个解决方案：

1. 在我的href上添加一个名称并指向我的javascript以打开模式而不是CLASS或ID
2. 在我的href上放置第二个空的“模态”类并将我的javascript指向那个以打开模态

`

    $( "#dialog" ).dialog({
  autoOpen: false,
  show: {
    effect: "blind",
    duration: 1000
  },
  hide: {
    effect: "explode",
    duration: 1000
  }
});

$( "#btn_sec" ).click(function() {
  $( "#dialog" ).dialog( "open" );
});

我的HTML：

<a href="#" class="btn" id="btn_sec2">Click me!</a>

哪种方法更为方法？

Answer 1

第二种是常见的方法，我相信。元素可以有多个类，因此您可以为CSS提供一个类，为jQuery指定另一个类。

Answer 2

如果只想使用此按钮打开此对话框，可以选择基于按钮ID设置监听器的选项。但是如果你想使用多个按钮打开相同的对话框，那么ID将不起作用。你可以用class作为指示符。所有这些按钮都可以添加相同的类。