1

js を使用して確認メッセージを作成します。ユーザーがグラフの2つの境界を変更できるWebアプリを構築しています(更新ボタンを使用)。ユーザーが更新ボタンをクリックすると、確認メッセージが表示され、ユーザーにこの変更を確認するよう求められます。

問題は、「OK」または「キャンセル」をクリックしても問題がなく、フラグが変更されず、境界の変更が行われることです(フラグの初期値がtrueであるため)。コンソールのメッセージから.log、アプリがユーザーの応答を待たず、他のコード行を実行し続けることを知りました...送信したアラート機能(e)にすべてのコードを入れようとしましたが、それでも機能しません私にはうまくいきません。この私のコード:

Alarm.prototype.updateAlarm=function(_limits){
var n=null;
var str="";
var changed_flag=false;
//create confirm dialog:
var engLimitMsg_1=" Upper Limit:";
var engLimitMsg_2=" Lower Limit:";
var hebLimitMsg_1=" גבול עליון:";
var hebLimitMsg_2=" גבול תחתון:";
var user_confirm=true;
var confirmMSG="";
if(_limits.length>=2){
    if(this.language_mode==HEB_MODE){
        confirmMSG+=ENG_CONFIRM_MSG;
        if(IsNumeric(parseInt(_limits[0]))){
            confirmMSG+=engLimitMsg_1+_limits[0];
        }
        if(IsNumeric(parseInt(_limits[1]))){
            confirmMSG+=engLimitMsg_2+_limits[1];

        }
    }
    else{
        confirmMSG+=ENG_CONFIRM_MSG;
        if(IsNumeric(parseInt(_limits[0]))){
            confirmMSG+=engLimitMsg_1+_limits[0];
        }
        if(IsNumeric(parseInt(_limits[1]))){
            confirmMSG+=engLimitMsg_2+_limits[1];

        }

    }

    alertify.confirm(confirmMSG, function (e) {
        if (e) {
            // user clicked "ok"
            user_confirm=true;
            console.log("user clicked ok");

        } else {
            // user clicked "cancel"
            user_confirm=false;
            console.log("user clicked cancel");

        }
    });
     //user has confirm the change!
    if(user_confirm){
        for (var i=0;i<_limits.length;i++){
            if(IsNumeric(parseInt(_limits[i]))){
                n=this.msgs[i].indexOf(this.limits[i].toString());
                this.limits[i]=_limits[i];
                this.msgs[i]=this.msgs[i].slice(0,n)+this.limits[i];
                changed_flag=true;
            }
        }
    }
    // clean past alerts in case of change limits.
    if(changed_flag)
        this.cleanPastAlerts();
    if(DEBUG_MODE)
        console.log("alarms update: upperLimit:"+this.limits[0]+" lowerLimit:"+this.limits[1]);

}
else{
    console.log("Error occurred!, array length is less than 2");
}

};

注:これは私が時々得るエラーです:

Uncaught TypeError: Cannot read property 'removeEventListener' of undefined 
4

2 に答える 2

1

JavaScript の組み込みの確認メッセージ ボックスを使用できますか? もしそうなら、それは非常に簡単です。

if (confirm("Press OK to accept"))
    alert("You accepted!");
else
    alert("You declined!");
于 2013-12-31T12:13:26.967 に答える
1

ブラウザの js からの js の確認により、js の実行が停止します。「カスタム確認」(js ライブラリの確認) を使用している場合、「カスタム確認」の下のコードが実行され続けます。これが、実行が続けられ、関数内で変数が定義されているため、そこでメッセージを取得する理由です。 jsがそれらを使用しようとすると、「未定義の変数」が表示されます。

すべてのコードを alertfy に挿入して、正しく動作することを確認する必要があります (以下のコードはチェックしていないので、慎重に行ってください)。

alertify.confirm(confirmMSG, function (e) {
    if (e) {
        // user clicked "ok"
        user_confirm=true;
        console.log("user clicked ok");

        for (var i=0;i<_limits.length;i++){
          if(IsNumeric(parseInt(_limits[i]))){
            n=this.msgs[i].indexOf(this.limits[i].toString());
            this.limits[i]=_limits[i];
            this.msgs[i]=this.msgs[i].slice(0,n)+this.limits[i];
            changed_flag=true;
        }
        // clean past alerts in case of change limits.
        if(changed_flag) {
          this.cleanPastAlerts();
        }
      }
    } else {
        // user clicked "cancel"
        user_confirm=false;
        console.log("user clicked cancel");

    }
});
if(DEBUG_MODE)
    console.log("alarms update: upperLimit:"+this.limits[0]+" lowerLimit:"+this.limits[1]);
于 2013-12-31T12:20:42.017 に答える