0

几天来，我一直无法解决我在这里遇到的问题，所以我试图想出一个替代方案来实现同样的目标。我决定不对表单使用外部文件，而是在我的 html 文件内部使用它。我现在遇到的问题是对话框只显示包 1 而不是包 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>
4

1 回答 1

0

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

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

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

于 2012-08-07T16:28:38.607 回答