jQuery对话框 - 来自不同链接的相同对话框

我一直在执行问题我已经有here几天了，所以我试图想出一个实现相同的事情的替代方案。我决定不使用表单的外部文件，而是在我的html文件中内部使用它。我现在遇到的问题是对话框只显示了包装1，而不是包装2.jQuery对话框 - 来自不同链接的相同对话框

验证码：

<script type="text/javascript"> 
    $('#PackageBook').dialog({ 
     autoOpen: false, 
     width: 500, 
     height: 400 
    }); 

    $('#PackageBookOpen').click(function(){ 
     $('#PackageBook').dialog('open'); 
     return false; 
    }); 
</script> 
<body> 
    <div id="Package1" class="packageDialog"> 
     <div id="order"> 
      <a id="PackageBookOpen" title="Package Booking" class="ui-state-default ui-corner-all" href="#"><img src="images/order.png"></a> 
     </div> 
    </div> 
    <div id="Package2" class="packageDialog"> 
     <div id="order"> 
      <a id="PackageBookOpen" title="Package Booking" class="ui-state-default ui-corner-all" href="#"><img src="images/order.png"></a> 
     </div> 
    </div> 
    <div id="PackageBook" class="packageBookDialog" title="Package Booking"> 
     <form name="package" action=""> 
       //Form 
     </form> 
    </div> 
</body>

来源

2012-08-07 D-Boy

ID必须是唯一的。你重新使用了'id =“PackageBookOpen”' – j08691 2012-08-07 16:24:38

你不能有相同的ID的倍数。使用类别选择器代替

$('.packageBookOpen').click(function(){ 
     $('#PackageBook').dialog('open'); 
     return false; 
    });

并将类packageBookOpen添加到适当的元素。

来源

2012-08-07 16:28:38 Magrangs

我还有一些麻烦，把PackageBook当作一个ID，但是把它改成一个类修复了我的问题。谢谢！ – 2012-08-07 16:32:52

这很奇怪，PackageBook ID的问题是什么？ – Magrangs 2012-08-07 16:47:10

jQuery对话框 - 来自不同链接的相同对话框

回答

相关问题