jquery - 动态加载网页和 div(ID)

Question

再次向您问好...

我正在尝试填充网页的不同主模板以及动态调用两个单独的div(我加载了两个div，至少我认为我做到了......它在FireFox 5.0中工作得很好，但是当我尝试时IE、Chrome、Safari 或 Opera 中的页面点击后内容会消失。)

这是 jQ:

 $(document).ready(function(){

    $(".swapJustInTimeLink").click(function(){

        document.getElementById("contentAll").innerHTML = "";

        $.ajax({
          url: "dynamicPages/progSpec_justInTime.html",
          cache: false,
          success: function(html){
            $("#contentAll").append(html);
          }
       });    
    });

    $(".swapJustInTimeLink").click(function(){

        document.getElementById("textWelcome").innerHTML = "";

        $.ajax({
          url: "dynamicPages/progSpec_links.html",
          cache: false,
          success: function(html){
            $("#textWelcome").append(html);
          }
       });    
    });
 });

有人可以解释一下这里发生了什么吗？

目前我的 jQuery 和 AJAX 技能还不够完善，感谢您的帮助。

Answer 1

您不使用 $.load() 的任何原因？

$(function ()
{
    $('.swapJustInTimeLink').click(function()
    {
        $('#contentAll').load('dynamicPages/progSpec_justInTime.html');
        $('#textWelcome').load('dynamicPages/progSpec_links.html');
    });
});