2

クラス 'alert3' のボタンをクリックすると表示されるプロンプト ポップアップが閉じません。

<a href="#" class="btn btn-primary btn-lg alert3">CLICKMEMEMEMEMEME</a>

そして、これは私が呼び出している関数です:

<script>

    $(document).on("click", ".alert3", function(e) {
        bootbox.prompt("What is your name?", function(result) {                
            if (result === null) {                                             
                Example.show("Prompt dismissed");                              
            } else {
            Example.show("Hi <b>"+result+"</b>");                          
            }
        });
    });
</script>
4

2 に答える 2

6

コールバック関数にエラーがあるため、ポップアップが閉じないため、ブートボックスがポップアップを非表示にする前にクラッシュします。

最良の推測はExample、コードで定義されていないことです。Bootbox の Web サイトで取り上げたのかもしれませんが、彼らはExample. コールバック関数で結果を表示したい場合は、これを html に追加できます。

<a href="#" class="btn btn-primary btn-lg alert3">CLICKMEMEMEMEMEME</a><br/>
<p id='result'></p>

次に、JavaScript を変更します。

<script>
$(document).on("click", ".alert3", function(e) {
    bootbox.prompt("What is your name?", function(result) {
        if (result === null) {
            $('#result').html("Prompt dismissed");
        } else {
            $('#result').html("Hi <b>"+result+"</b>");
        }
    });
});
</script>
于 2013-11-05T15:21:08.480 に答える
1

bootbox.js のプロンプト ポップアップ

Example 関数がそこで定義されていないため、機能していません。最初に、現在のセレクター値とそれらに関連付けられたテキストを使用してそれらを定義する必要があります。ここでは、特定の div でエラー メッセージを表示するために $("#result") が使用されます

html コード:

  <p>Click here-><a class="alert" href=#>Alert!</a></p><p id='result'</p>

コード：

var Example = (
function() 
{
"use strict";

var elem,
    hideHandler,
    that = {};

that.init = function(options) {
    elem = $(options.selector);
};
that.show = function(text) {
    clearTimeout(hideHandler);

    $("#result").html(text);
    $("#result").fadeIn();

    hideHandler = setTimeout(function() {
        that.hide();
    }, 4000);
};

that.hide = function() {
    $("#result").fadeOut();
};

return that;
}());
于 2017-02-09T07:56:00.080 に答える