防止在打開引導程序模式彈出窗口時加載其他類

Question

我有一個按鈕，可以在其上觸發打開引導程序模式彈出窗口，如下所示：

   <a class="btn btn-app btnWatchlist" data-toggle="modal" data-target="#myModal" style="min-width:175px;margin:0;height:67px">
                                    <i class="fa fa-save"></i> Add to Watchlist
                                </a>

模式彈出HTML如下所示：

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Modal Header</h4>
            </div>
            <div class="modal-body">
                <p>Some text in the modal.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>

jQuery發布到服務器后，將“添加到監視列表”按鈕加載到DOM中，並且當服務器返回HTML時，我只是更新用戶DOM以顯示此按鈕。

這里的問題是，在執行jquery帖子時，我添加了一個類，該類基本上在執行搜索時顯示了換檔，現在當我按下按鈕時，顯示了模態，但是該“加載”類也隨同被加載單擊模式彈出窗口上的。

使加載類出現的代碼是：

 $body = $("body");
    function StartLoading() {
        $(document).on({
            ajaxStart: function () { $body.addClass("loading"); }
        });
    }
    function StopLoading() {
        $(document).on({
            ajaxStop: function () { $body.removeClass("loading"); }
        });
    }

現在，如何在按下“添加到監視列表”按鈕時防止這兩者混合使用，所以我只能顯示模式並在加載DOM后刪除加載類？

PS因此，最終我不想在單擊按鈕以顯示彈出窗口時顯示“正在加載”類的內容，而只是模式彈出窗口本身..

Answer 1

不知道我是否正確理解了您的問題，但是您可以創建一個變量來跟蹤模態的內容是否已經加載，然后包裝語句$body.addClass("loading"); 在if(modalHasNotBeenLoaded)內部嗎？