JQM загрузить HTML-страницу в контейнер страницы

Question

У меня есть основное требование, может ли кто-нибудь помочь мне, пожалуйста?

У меня есть две HTML-страницы:

Страница № 1 -> Страница JQM

Страница №2 -> это базовая HTML-страница с некоторыми <div>.

Теперь требуется, чтобы мне нужно было отображать содержимое страницы № 2 в указанном контейнере страницы №1.

Я пытался использовать $.mobile.loadPage(), и, к сожалению, он не работает.Может кто-нибудь помочь мне с этим?Я вставляю код ниже.

Страница № 1 Код:

JS:

  <script>
     $('#MyPage').live("click", function() {  
      var dataurl = $(this).attr("data-url");  
        if (dataurl != null)  

            $.mobile.loadPage("/marq.html",{
                pageContainer:$("#myCont"),
                data:dataurl


            }); 
    });
    </script>

HTML:

<div data-role="page" id="MyPage">
    <div data-role="header" class="header" role="banner">
    </div>
    <div data-role="content" id="myCont"> 

Спасибо RAvI

Answer 1

Похоже, все, что вам нужно, это загрузить данные из одного документа в другой с помощью вызова AJAX:

<script>
$('#MyPage').live("click", function() {  
    var dataurl = $(this).attr("data-url");  
    if (dataurl != null)  

    $("#myCont").load('marq.html #id_of_element_to_grab');
});
</script>

В этом примере используется .load() для получения данных из вашего второго документа.Селектор, который следует за местоположением документа, - это элемент, который вы хотите получить из второго документа (известный как «Загрузка фрагментов страницы»).

Вот документация для .load(): http://api.jquery.com/load/

$.mobile.loadPage() требует, чтобы загружаемая страница использовала структуру jQuery Mobile: <div data-role="page">[Page Contents]</div>