Question

我的JQuery UI模板窗口出现此问题。它在我点击一个按钮时使用，然后打开并通过对php文件的Ajax调用将内容附加到它。第一次打开它时效果很好，但是当我点击另一个应该显示不同内容的按钮时，它仍会显示其中的旧内容，我必须刷新页面才能使用。

这是我的Dialog open事件，由一个开关触发，最后一部分在创建时将数据附加到我的选择框。

$( "#attack" ).dialog({
    resizable: false,
    width:"400px",
    buttons: {

        Attack: function() {
            $(this).dialog("close");

        },

        Cancel: function() {
            $(this).dialog("close");
        }
    }
});



$("#users").selectmenu({
    create: function( event, ui ) {

        $.ajax({
            type: "POST",
            url: "mapfunctions/FetchUsers.php",
            data: {RegionID: RegionID},
            success: function(data) {
                $("#users").append(data);
            }
        });

    }
});

对话框如下所示：http://i.imgur.com/02a2GYB.png 它的HTML有点长，所以我希望你不需要那个对话框代码，如果有的话，请告诉我，我会补充。

它的Select菜单保存了第一个ajax调用中的旧数据。

我尝试在关闭时使用Destroy等，但是对话框再也不会打开了。

非常感谢，希望这足以让我们清楚了解

Answer 1

这是ajax和模态窗口的常见问题..点击下一步按钮，你必须重置表格并加载它。

例如：

如果你使用id为“myForm”的表单，那么在点击另一个按钮时重置jQuery中的$("#myForm").trigger('reset');形式。或任何其他方式

JQuery UI Dialog不会在第二次单击时更新

1 个答案: