JQuery передвижной навигации AJAX не загружается элементы jquery?

Question

В принципе, я создаю приложение радиостанции (до сих пор так хорошо!), И мне в основном нужен проигрыватель звука внизу, который непрерывно воспроизводится, пока пользователь переходит через приложение. (Это написано в Javascript, кстати - с помощью сборки phonegap), но, очевидно, когда пользователь переходит на другую страницу, звук останавливается, и они снова должны нажать кнопку воспроизведения.

Я придумал способ обойти это (AJAX навигации), и он работает, его удивительным и все, но это код им использовать, чтобы сделать это:

$(document).ready(function(){ 
     $("a").on("click", function(event){ 
      event.preventDefault(); 

      $.get($(this).attr("href"), function(data) { 
       var resp = $(data); 

       $("#pageContent").html($("#pageContent", resp).html()); 


      }); 
     }); 
}); 

Как вы можете видеть, это в основном свопинг div, называемый «pageContent» с тем же div на других страницах, но у меня есть другие элементы jquery на других страницах (например, тематические списки jquery, формы, кнопки и т. д.), и когда я перемещаю этот путь^он ничего не делает в jquery , он ставит формы как базовые html и im, принимающие его, потому что он не перезагружает Whats в голове?

Я пробовал много вещей, как

$("head").html($("head", resp).html());

Это не работает :-(

Так я подумал, что кто-нибудь может помочь?

Большое спасибо.

Answer 1

У вас есть два варианта:

• нагрузки один общий CSS-файл, который содержит все стили, которые нужно было бы среди всех страниц или
• нагрузки стили инлайн

Если вы выбираете второй вариант, вам нужно будет прочитать все файлы CSS например:

$(document).ready(function(){ 
       $("a").on("click", function(event){ 
         event.preventDefault(); 
         $.get($(this).attr("href"), function(data) { 
           var html = $.parseHTML(data); 
           $("#pageContent").html($('<div></div>').append(data).find('#pageContent').html()); 
           var styles=""; 
           $.each(html, function(i, el) { 
            if(el.nodeName=='LINK'){ 
             $.get($(el).attr('href'),function(data){ 
              $("#pageContent").append($("<style></style>").html(data)); 
             }); 
            } 
           }); 
         }); 
       }); 
     }); 

Надеюсь, это поможет.