创建多个对话框实例

我是jQuery和java的新手，我真的想要创建一个对话框的多个实例。 我正在使用这个：

如果我只有一个按钮和对话框就可以了。 但当我添加另一个它停止工作。 我相信这很容易解决我只是在苦苦挣扎。

  
subjects
 maths 
maths is an important subject.
 
 english 
this is also very important
 
  $( "#dialog" ).dialog({ autoOpen: false }); $( "#opener" ).click(function() { $( "#dialog" ).dialog( "open" ); });  

Answer 1

http://jsfiddle.net/y7952dmf/

1. ID必须是唯一的，因此使用该类以便同时处理其他几个元素
2. 例如，要链接按钮和对话框，请使用data-id作为按钮，使用id作为具有相同值的对话框

HTML：

 
subjects
 maths 
maths is an important subject.
 
 english 
this is also very important
 
 

JQ：

 //create all the dialogue $(".dialog").dialog({ autoOpen: false }); //opens the appropriate dialog $(".opener").click(function () { //takes the ID of appropriate dialogue var id = $(this).data('id'); //open dialogue $(id).dialog("open"); }); 

Answer 2

ID用于告诉它您正在使用的对象。 你需要给它们单独的名称，让它知道如何使用。

  
subjects
 maths 
maths is an important subject.
 
 english 
this is also very important
 
  

这应该是你正在寻找的。