0

私は、エンド ユーザーがボタンをクリックして入力フォームを開くことができる Web サイトを持っています。そのフォーム内で別のボタンをクリックすると、別のフォームが開き、追加情報を提供できます。コードは次のとおりです。

メイン フォームを開くには:

<script src="/Scripts/colorbox/jquery.colorbox.js"></script>
<script>
    $(document).ready(function () {
        $("#NewGameButton").click(function () {
            $.colorbox({ width: "80%", height: "80%", iframe: true, href: "/utility/NewGame.aspx" });
        });
    });
</script>

NewGame.aspx 内:

<script src="/Scripts/colorbox/jquery.colorbox.js"></script>
<script>
    $(document).ready(function () {
        $("NewGameType").click(function () {
            $.colorbox({ width: "80%", height: "80%", iframe: true, href: "/utility/NewGameType.aspx" });
        });
    });
</script>

メイン フォーム (NewGame.aspx) は問題なく開きますが、ボタンをクリックして NewGameType.aspx を開くと、iFrame が点滅して消えます。Chrome の開発者ツール コンソールにはエラーが表示されないため、何が起こっているのかわかりません。これを正しく機能させる方法を誰か教えてもらえますか?

4

2 に答える 2

0

class="NewGameButton" と class="NewGameType" をそれぞれのボタンに追加し、コードを次のように変更しました。

        $(".NewGameButton").colorbox({ width: "80%", height: "80%", iframe: true, href: "/utility/NewGame.aspx" });

        $(".NewGameType").colorbox({ width: "80%", height: "80%", iframe: true, href: "/utility/NewGameType.aspx" });

これにより、すべてが思い通りに機能します。

于 2013-06-08T19:33:51.817 に答える