htmlパラメータを使用してdojoモバイルコンテンツペインにhtmlが表示されない

私はdojox.mobile.ContentPaneを実装して、htmlのコンテンツを解析しようとしています。しかし、テキストは全く表示されません。ここでdojox.mobile.ContentPane（：たfragment1.htmlファイル名）：によって解析に提出する私のhtmlがあるhtmlパラメータを使用してdojoモバイルコンテンツペインにhtmlが表示されない

<div data-dojo-type='dojox.mobile.RoundRect' shadow='true'> 
    HTML fragment example 
</div>

そして、ここでは私のindex.htmlです：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/> 
     <meta name="apple-mobile-web-app-capable" content="yes" /> 
     <title>dojox/mobile Demo</title> 
     <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js" data-dojo-config="async: true"></script> 
     <script type="text/javascript"> 

      require(["dojox/mobile/parser", "dojox/mobile", "dojox/mobile/deviceTheme", "dojox/mobile/compat", "dojo/domReady!","dojox/mobile/ContentPane", "dojox/mobile/RoundRect", "dojox/mobile/RoundRectCategory"], function(parser) { 
       parser.parse(); 
      }); 

     </script> 
    </head> 
    <body> 

     <div id="main" data-dojo-type="dojox.mobile.View" data-dojo-props="selected: true"> 
      <h1 data-dojo-type="dojox.mobile.Heading">Main Menu</h1> 
      <ul data-dojo-type="dojox.mobile.RoundRectList"> 
       <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props="moveTo: 'view-content'"> 
        View Content 
       </li>    
     </div> 

     <div id="view-content" data-dojo-type="dojox.mobile.View"> 
      <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props="back:'Main Menu', moveTo:'main'">This is sample content</h1> 
      <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Pane1</h2> 
      <div id="pane1" data-dojo-type="dojox.mobile.ContentPane" content="&lt;div data-dojo-type='dojox.mobile.RoundRect' shadow='true'&gt;Thank you!&lt;/div&gt;"></div> 

      <h2 data-dojo-type="dojox.mobile.RoundRectCategory">Pane2</h2> 
      <div id="pane2" data-dojo-type="dojox.mobile.ContentPane" href="fragment1.html"></div> 
     </div> 

    </body> 
</html>

は、誰もが解決策を持っていますか？おかげさまで

出典

2012-04-04 rahmat

rahmat：デバッグに関しては、http://dojotoolkit.org/documentation/tutorials/1.7/dojo_config/ –

あなたの断片はthe documentationと非常によく似ています！ここでは、あなたのparser.parse()行がおそらく早すぎて実行される可能性があると思います。外部HTMLコンテンツがContentPaneウィジェットによって取得されてDOMに挿入される前に、デバッガを使って、ロードされたときに実際にDOM内にあるものを確認しようとしましたか？コンソールには何が入っていますか？

ContentPaneのparseOnLoad: trueプロパティを有効にする必要があると思われます（ドキュメントを参照）。それはあなたが望むことをするように見えます。

出典

2012-04-26 21:05:11

@ andrew-ferrierに感謝します。とにかく、初心者には質問があります。 dojoスクリプトをデバッグするにはどうすればいいですか？ – rahmat

htmlパラメータを使用してdojoモバイルコンテンツペインにhtmlが表示されない

答えて

関連する問題