Jquery UI对话框不起作用

Question

这是我的代码。如果我只使用一个对话框，那么它的工作正常，不止一个不起作用。请帮我解决这个问题。

＆＃13;

＆＃13;

  $(document).ready(function() {
	  
	$('#bouncer-1').click(function(){
    $( "#xyz" ).dialog();
	});

    $('#bouncer-2').click(function(){
    $( "#zyx" ).dialog();
	});
	
  });

＆＃13;

<div id="stage">
<div id="traveler-1">
<div id="bouncer-1"></div>
</div>
<div id="traveler-2">
<div id="bouncer-2"></div>
</div>
</div>
<div id="xyz" title="Hello">
Hello Im xyz..
</div>
<div id="zyx" title="Hello">
Hello,Im zyx..
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

元素ID应该是唯一的，因为它的名称为ID。将ID改为不同的：{/ p> 你好我xyz .. 你好，我是zyx ..

＆＃13;

＆＃13;

  $(document).ready(function() {
	  
	$('#bouncer-1').click(function(){
    $( "#xyz1" ).dialog();
	});

    $('#bouncer-2').click(function(){
    $( "#zyx2" ).dialog();
	});
	
  });

＆＃13;

<div id="stage">
<div id="traveler-1">
<div id="bouncer-1"></div>
</div>
<div id="traveler-2">
<div id="bouncer-2"></div>
</div>
</div>
<div id="xyz1" title="Hello">
Hello Im xyz..
</div>
<div id="zyx2" title="Hello">
Hello,Im zyx..
</div>

＆＃13;

＆＃13;

＆＃13;