Question

我正在使用Bootstrap 3将外部内容加载到模态中，但内容不断重复。我知道我需要清空以前的模态，但是由于我的jQUery技能很差，我不确定如何做到这一点，有人能为我提供这个脚本的工作版本吗？

$(function() {
$('[data-load-remote]').on('click',function(e) {
e.preventDefault();
var $this = $(this);
var remote = $this.data('load-remote');
if (!$this.data('isloaded')) {
    if(remote) {
        $($this.data('remote-target')).load(remote);
        $this.data('isloaded', true)
    }
}
});
});

我尝试过在这里和其他论坛上找到的几个选项，但我无法做到正确:(

任何人....？

Answer 1

if（远程）语句永远不会返回true。

此外，.load()并非在小提琴中工作，因此我修改了小提琴中的代码，以加载其中包含相同HTML的div #contact-modal和#faq-modal作为你的远程html。

Fork of your JSFiddle

的jQuery

$(function() {
    $('[data-load-remote]').on('click',function(e) {
        e.preventDefault();
        var $this = $(this);
        var $remote = $( $this.data('load-remote') );
        var $target = $( $this.data('remote-target') );

        // Load HTML into modal
        $target.html( $remote.html() );
    });
});

要在.load()之前清空已经有东西的东西，你应该可以做这样的事情：

$target.empty();
$target.load(remote);

Bootstrap 3模态重复内容 - 如何清空以前的模态

1 个答案:

的jQuery