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對話框 - 來自不同鏈接的相同對話框

回答

相關問題