Question

我在使用ajax从外部网址加载modal的内容时遇到问题。一切正常，除了我的模态显示两次，第一次模态为空，我看到ajax调用的加载器gif。之后，模态重新加载了良好的信息。

在我看来，我只有一个模态元素：

<div id="TheModal" class="modal fade text-center">
    <div class="modal-dialog">
        <div class="modal-content">
        </div>
    </div>
</div>

在外部javascript文件中，我这样做是为了清除以前的模态数据，并加载新数据：

$(document).on('click', '.ls-modal', function(e)
{
    e.preventDefault();
    $('.modal-content').html('test');
    $(this).removeData('bs.modal');
    $('#TheModal').find('.modal-content').load($(this).attr('href'));
});

请注意，在我的模态的第一次加载中（我要删除），在内容中我可以看到单词“test”...

有人有想法吗？

谢谢，抱歉我的英文不好！

Answer 1

您必须使用$(document).off('click', '.ls-modal'); $(document).on('click', '.ls-modal', function (e) { e.preventDefault(); $('.modal-content').html('test'); $('#TheModal .modal-content').html(''); $('#TheModal').find('.modal-content').load($(this).attr('href')); });

删除单个处理程序

试试这段代码，

parse (java.lang.string) in URI cannot be applied

参考：

.off()
.on

Answer 2

如果您要加载包含加载模式的操作的自定义javascript文件，请确保您只加载该javascript文件一次。

当我在ASP.Net MVC中处理部分视图时遇到了这个问题。

模态加载两次

2 个答案: