Динамическое отображение элемента управления в JQuery Mobile - PullRequest
Новая
       0

Динамическое отображение элемента управления в JQuery Mobile

0 голосов
/ 23 марта 2012

Я пытаюсь добавить динамический контент внизу моей мобильной страницы JQuery. Содержимое заполняется файлом JavaScript. Пользователь переходит на эту страницу, щелкая ссылку на другой странице. Когда они нажимают на эту ссылку, им показывают страницу, определенную ниже. Как ни странно, динамический контент НЕ отображается, когда пользователь переходит по навигации с предыдущей страницы. Однако, если я обновлю страницу, появится контент. В качестве альтернативы, если я перейду на страницу напрямую через URL, появится контент. Во всех трех ситуациях об ошибках JavaScript не сообщается в консоли. Что я делаю не так?

page.html 

<body>
  <div id="myPage" data-role="page">
    <div data-role="header">
      <h1>Testing</h1>
      <a href="#" data-icon="plus" data-iconpos="notext" class="ui-btn-right jqm-plus" onclick="addButton_Click();">Add</a>
    </div>

    <div data-role="content">
      <div id="noResults">No Results</div>
      <ul id="recentResults" data-role="listview"></ul>
    </div>

    <div data-role="footer" data-position="fixed">
      <div id="dynamicContent">
        <script type="text/javascript" src='http://www.mydomain.com/footerContent.js'>   
        </script>
      </div>
      <div data-role="navbar">
        <ul>
          <li><a href="#" class="ui-btn-active ui-state-persist">Tab 1</a></li>
          <li><a href="/tab2" rel="external">Tab 2</a></li>
          <li><a href="/tab3" rel="external">Tab 3</a></li>
        </ul>
      </div>
    </div>

    <script type="text/javascript">
      function addButton_Click() {
        $.mobile.changePage("/add", { transition: "slide" });
      }
    </script>
  </div>
</body>

1 Ответ

0 голосов
/ 24 марта 2012

Поместите свой js, который добавляет содержимое в заголовок вашего документа. Затем добавьте вам динамический контент на pageinit. JQM тянет этот контент в тот же дом, что и page1, и я считаю, что игнорирует ваш внешний скрипт. 

<head>
<link ....
<script ....
<script .....
<script>
$('body').delegate('#myPage','pageinit',function(){
    $('#dynamicContent').append('add ground breaking dynamic content here');
});
</script>
</head>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...