防止在打开引导程序模式弹出窗口时加载其他类

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)内部吗？