ajax - 在一个标签中加载多个项目

Question

我正在尝试构建一个类似“windows”的应用程序，我希望用户能够加载多个页面。目前我有以下要求：

// Open the Profile Search Windows
$("#MainMenuProfileButton").click(function() {
    $("#ProgramContent").load("forms/ProfileSearch.html",function() {
    // Attach Event to the Profile Search Windows
        $(".ProfileFormSearch").draggable({ handle: ".FormTopTitle" });;

    });
});

但是，当我运行该命令两次时，它不会打开第二个窗口（或将 html 附加到现有窗口），而是重新加载同一个窗口......知道如何管理这个吗？

谢谢你

Answer 1

代替：

$(".ProfileFormSearch").draggable({ handle: ".FormTopTitle" });

你可以使用：

$(".ProfileFormSearch:not(.init)").addClass('init').draggable({ handle: ".FormTopTitle" });

这样您就可以确保不会重新初始化可拖动对象。

编辑：

要使用 ajax 动态加载，您应该执行以下操作：

$.get('forms/ProfileSearch.html', function(data){ $("#ProgramContent").append( data );  })