2

jqueryでダイアログのボタンのテキストを設定しようとしています。値が動的に変化する 2 つの変数があります。これらの値は、ボタン テキストに設定する必要があります。次のコードを書きました。

 var monthNames = [ "January", "February", "March", "April", "May", "June",
    "July", "August", "September", "October", "November", "December" ];

   var today = new Date();
   var month = monthNames[today.getMonth()];
   var nextMonth = monthNames[today.getMonth()+1];

  $( ".selector" ).dialog({ buttons: [
    {
        text: month,
        click: function() { $(this).dialog("close"); }
    },
    {
        text: nextMonth,
        click: function() { $(this).dialog('close'); }
    }
] });

});

しかし、フォーム ダイアログが読み込まれません。Plsはあなたの貴重な提案を手伝ってくれます.

4

2 に答える 2

1

あなたのコードは正常に動作しています。追加jqueryしてjquery ui参照selector classし、マークアップにあることを確認してくださいhtml。例

<div class="selector"></div>

jsフィドル

アップデート*

http://js と css の参照を追加してください

1 ページの例

<html>
    <head>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    </head>
    <body>
        <div id="selector" title="Pop Up" class = "selector"> <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span> Do u want to save the score?</p> </div>
        <script>
            var monthNames = ["January", "February", "March", "April", "May", "June",
                "July", "August", "September", "October", "November", "December"];

            var today = new Date();
            var month = monthNames[today.getMonth()];
            var nextMonth = monthNames[today.getMonth() + 1];

            $(".selector").dialog({buttons: [
                    {
                        text: month,
                        click: function() {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: nextMonth,
                        click: function() {
                            $(this).dialog('close');
                        }
                    }
                ]});
        </script>
    </body>
</html>
于 2013-08-07T10:09:21.403 に答える
1

あなたのdivにはありid="selector"ますが、あなたのjqueryでは、$('.selector')これはクラス用です。したがって、次のように変更します。

<div class="selector"></div>

または、jquery コードを変更します。

$( "#selector" ).dialog();
于 2013-08-07T11:21:35.783 に答える