Question

我一直在解决我已经有here问题几天的问题，所以我试图想出一个实现相同目标的替代方案。我决定不为表单使用外部文件，而是在我的html文件中内部使用它。我现在遇到的问题是对话框只显示Package 1而不是Package 2。

守则：

<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>

Answer 1

您不能拥有多个相同的ID。请使用类选择器，例如

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

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

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

1 个答案: