Нет html, отображаемого в dojo mobile contentpane с использованием параметра href

Я пытаюсь реализовать dojox.mobile.ContentPane для анализа содержимого из html. Но текст вообще не отображается. Вот мой HTML в файл в проанализирован dojox.mobile.ContentPane (имя файла: fragment1.html):Нет html, отображаемого в dojo mobile contentpane с использованием параметра href

<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 при загрузке? Что в консоли?

Независимо от того, я думаю, вам может понадобиться включить свойство parseOnLoad: true в ContentPane (см. Документы). Похоже, это будет делать то, что вы хотите.

источник

2012-04-26 21:05:11

спасибо за ваш ответ @ andrew-ferrier. Во всяком случае, как новичок, у меня есть вопрос. Как мне отлаживать сценарий Dojo? – rahmat

Нет html, отображаемого в dojo mobile contentpane с использованием параметра href

ответ

Смежные вопросы