Question

在点击图片上，它会弹出一个对话框，其中包含来自数据库的所有内容。

<script>
 $(document).ready(function(){
        $('#click-for-modal').click(function() {
            $("#my-modal-div").load('history.html');
            $('#my-modal-div').dialog({modal: true});
        });
    }); 
</script>

我将脚本称为

<img id="click-for-modal" th:src="@{/images/history.png}" th:width="30" th:height="30" class="img-responsive" alt="" />
<div id="my-modal-div" title="History"></div>

此代码在某些插入数据后第二次调用时，不会重新加载history.html页面。

请建议。

我也试过ajax：

<div id="my-modal-div" title="History">
<a href="/DocWorks/history.html"
onclick="jQuery('#my-modal-div').dialog('open'); return false">
<img id="click-for-modal" th:src="@{/images/history.png}"
th:width="30" th:height="30" class="img-responsive" alt="" />
</a>
</div>

$(document).ready(function(){
        $.ajax({
            url: "history.html",
            success: function(){
                $("#my-modal-div").html(data);
            }   
        });

此处，历史数据会随着更改重新加载，但它会将其指向另一个页面，因为我已经给出了<a href="/DocWorks/history.html"

请建议上述方法中的任何一种来解决问题

第二次插入后，Jquery对话框未加载最新的动态内容

0 个答案: