Question

我正在使用Django，其中我在html页面上有一个模态，其中包含单击模态时要显示的html。模态每1秒刷新一次，直到关闭，以便从服务器获取最新数据。现在，当关闭模态并再次单击另一个链接时，旧数据仍然存在，新数据需要显示一两秒。我想知道如何在显示新数据之前清空模态html。

我的模态：

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" id="edit-modal">
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
       <div class="modal-header">
        <button type="button" id="close" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 align="center" class="modal-title" id="gridSystemModalLabel">IP details</h4>
        </div>
            <div id="cats" class="modal-body">
            {% include "ip_list.html" %}
            </div>
    <div class="modal-footer">
    <button type="button" id ="close2" class="btn btn-primary btn-md" data-dismiss="modal">Close</button>
  </div>
    </div>

 </div>

这里ip_list.html是单击模态时调用的html文件。在这之下我运行Jquery来显示数据。

<script type="text/javascript">
$( document ).ready(function() {
    $("a").click(function() {
    var query;
    query = this.id;
    //console.log(query)
    $('#edit-modal').modal('show');
    $.get('/reserve/get/', {'ip': query}, function(data){
    $('#cats').html(data);
    //$('#edit-modal').modal('show');
    var handler = setInterval(function(){
    $('#edit-modal').modal('show');
    },1000);
    $('#close').button().click(function (){
            clearInterval(handler);
            //$('#edit-modal').modal('hide');

    });
    $('#close2').button().click(function (){
            clearInterval(handler);

    });
    $('body').click(function() {
            clearInterval(handler);
    });


 });


    //$('#edit-modal').modal('show');
});

});
</script>

如果您需要任何其他信息，请与我们联系。关于模态关闭后如何实现空HTML的任何线索都值得赞赏。提前谢谢！

Django清空一个包含html的模态

0 个答案: