JQuery Mobileで動的にコントロールを表示する

JQueryモバイルページの下部に動的コンテンツを追加しようとしています。コンテンツはJavaScriptファイルによって読み込まれます。ユーザーは別のページのリンクをクリックしてこのページに移動します。それらのリンクをクリックすると、下に定義されているページが表示されます。奇妙なことに、動的コンテンツは、ユーザーが前のページからナビゲートして到着したときには表示されません。ただし、ページを更新するとコンテンツが表示されます。また、URLを介してページに直接移動すると、コンテンツが表示されます。 3つの状況では、コンソールにJavaScriptエラーは報告されません。私は間違って何をしていますか？JQuery Mobileで動的にコントロールを表示する

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>

出典

2012-03-23 JavaScript Developer

動的コンテンツを生成/追加するコードを投稿してください。 – paislee

別のページのリンクをクリックしてこのページに移動すると、このページのにあるJSはロードされません。このようなサウンドは、ページが直接動作すると不平を言う人がいるときにはいつでも問題になるかもしれませんが、別のページからナビゲートするときには機能しません。に外部ダイナミックJSファイルが必要なものはありますか？そして前のページになかったのですか？ –

こんにちは。私はページのの.jsファイルを参照しています。ただし、両方のページでまったく同じファイルです。実際には、は2ページ間で完全に同じです。 –

ドキュメントの頭の中にコンテンツを追加して、あなたのJSを置きます。次に、動的コンテンツをpageinitに追加します。 JQMはそのコンテンツをpage1と同じdomに引き出しています。私は外部スクリプトを無視していると思います。

<head> 
<link .... 
<script .... 
<script ..... 
<script> 
$('body').delegate('#myPage','pageinit',function(){ 
    $('#dynamicContent').append('add ground breaking dynamic content here'); 
}); 
</script> 
</head>

出典

2012-03-23 20:21:43 codaniel

JQuery Mobileで動的にコントロールを表示する

答えて

関連する問題