Динамическая загрузка веб-страницы и div (ID)

Question

Привет еще раз ...

Я пытаюсь заполнить различные основные шаблоны для веб-страницы, а также динамически вызывать два отдельных элемента div (у меня загружается два элемента div, по крайней мере, я думал, что сделал это ... на странице в 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');
    });
});