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>
答
你不能有相同的ID的倍数。使用类别选择器代替
$('.packageBookOpen').click(function(){
$('#PackageBook').dialog('open');
return false;
});
并将类packageBookOpen添加到适当的元素。
+0
我还有一些麻烦,把PackageBook当作一个ID,但是把它改成一个类修复了我的问题。谢谢! – 2012-08-07 16:32:52
+0
这很奇怪,PackageBook ID的问题是什么? – Magrangs 2012-08-07 16:47:10
ID必须是唯一的。你重新使用了'id =“PackageBookOpen”' – j08691 2012-08-07 16:24:38