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 に答える