动态加载网页和div(ID)

时间:2011-08-02 19:33:43

标签: jquery ajax dynamic

再次问候......

我正在尝试填充网页的不同主模板以及动态调用两个单独的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技能目前还不够精确,感谢您的帮助。

1 个答案:

答案 0 :(得分:4)

您没有使用$.load()的任何原因?

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