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

时间:2013-02-14 16:00:39

标签: ajax jquery-load

我试图建立一个" 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附加到现有的窗口)时,它将重新加载同一个窗口......任何想法我如何管理它?

谢谢

1 个答案:

答案 0 :(得分:0)

而不是:

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

您可以使用:

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

通过这种方式,您可以确保不会重新初始化可拖动。

编辑:

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

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