1

内で購入できる魚のメニューを表示する次の機能があります

.dialog({
    title: "Fish Store",
    resizable: true,
    draggable: true,
    modal: true,
    buttons: {
        "Beard Fish($30)": function() {
            if (cash >= 30)
            {
                fish1 =1;
                fish1Swim1();
                cash -= 30;
                setNav();
                $( this ).dialog( "close" );
            }
            else
            {
                notEnoughCash();
            }
        },
        "Clown Fish($50)": function() {
            if (cash >= 50) 
            {
                fish2 = 1;
                fish2Swim1();
                cash -= 50;
                setNav();
                $( this ).dialog( "close" );
            }
            else 
            {
                notEnoughCash(); 
            }
        },
        "Neon Fish($75)": function() {
            if (cash >= 75) 
            {
                fish3 = 1;
                fish3Swim1();
                cash -= 75;
                setNav();
                $( this ).dialog( "close" );
            }
            else
            { 
                notEnoughCash(); 
            }
        }
    }
});

if変数（fish1、fish2、fish3）に基づいてボタンのオンとオフを切り替えることができるように関数を編集したいと思います。

だから私は次の変更を加えようとします...

buttons: { 
    if(fish1=0)
    {
        "Beard Fish($30)": function() {
            if (cash >= 30) 
            {
                fish1 =1;
                fish1Swim1();
                cash -= 30;
                setNav();
                $( this ).dialog( "close" );
            }
            else 
            { 
                notEnoughCash(); 
            }
        },
   }

しかし、私のテキスト編集は構文が無効であると言っています、どうすればこれを機能させることができますか？

4

1 に答える 1

2

良いアプローチは次のとおりだと思います。

  1. ボタンのないダイアログ ボックスを作成する
  2. 必要なボタンを追加します。JQueryUI セッターを使用して条件に

$( ".selector" ).dialog( "option", "buttons", { "Ok": function() { $(this).dialog("close"); } } );

ステップ3：ダイアログボックスを表示する

于 2012-07-21T16:27:52.257 に答える