7

次のコードは、[ユーザーの削除] リンクが押されたときに確認ウィンドウをポップアップ表示します。

<a href="delete_user.php?id=123" onclick="return confirm('Are you sure?');">Delete user</a>

この場合、OK ボタンが押されると、リンク delete_user.php?id=123 が実行されます。キャンセルボタンを押しても何も起こりません。

Bootboxでも同じことをしたいと思います。

   <a class="alert" href="list_users.php?id=123">Delete user</a>

    <script src="bootbox.min.js"></script>
        <script>
        $(document).on("click", ".alert", function(e) {
            e.preventDefault();

        bootbox.confirm("Are you sure?", function(result) {

            if (result) {
               // What to do here?
            } else {
               // What to do here?
            }               
        });

        });
    </script>

if(result) および else ステートメントの下で何をすべきか?

4

2 に答える 2

19

これは私にとってはうまくいきました。「クリック」href を取得し、「結果」がある場合に使用します。

  <script>
        $(document).on("click", ".alert", function(e) {
            var link = $(this).attr("href"); // "get" the intended link in a var
            e.preventDefault();    
            bootbox.confirm("Are you sure?", function(result) {    
                if (result) {
                    document.location.href = link;  // if result, "set" the document location       
                }    
            });
        });
    </script>
于 2013-09-04T16:52:50.890 に答える