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

【问题标题】：Loading Multiple Item in one tag在一个标签中加载多个项目
【发布时间】：2013-02-14 16:00:38
【问题描述】：

我正在尝试构建一个类似“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 附加到现有窗口），而是会重新加载同一个窗口...知道如何管理这个吗？

谢谢

【问题讨论】：

标签： ajax jquery-load

【解决方案1】：

代替：

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

你可以使用：

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

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

编辑：

要使用 ajax 动态加载，您应该这样做：

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

【讨论】：

问题是我希望用户在程序内容中插入两三个“Profilesearch.html”。但这段代码只允许我做广告。
哦，所以你基本上有一个 ajax 问题，不能拖动 :) 看我的编辑。