0

私はこの形式のページを持っています:

<div id="index" data-role="page">
     <div id="container"></div>
</div>

そして、次のようにページのコンテンツを #container にロードします。

<script type="text/javascript">
 $(document).ready(function(){
    $('#container').load("pages/content.html");
 }); 
</script>

また、「pages/content.html」には次のコンテンツがあります。

<div data-role="content">

    <a href="pages/calendar.html" data-role="button">Calendar</a>
</div>

問題は、ボタンがjquery mobileのスタイルに付いていないことです..やってみました。トリガー（「作成」）しますが、成功しません。

助言がありますか？ありがとうございました！

4

1 に答える 1

0

このようなものが機能するはずです：

$(document).ready(function(){
    $('#container').html('<div data-role="content"><a href="pages/calendar.html" data-role="button">Calendar</a></div>');
    $('#container').trigger('create');
 }); ​

をコードと交換.htmlします.load。jsFiddleを参照してください：コメントアウトすると$('#container').trigger('create');、リンクはフォーマットされないままになります。

于 2012-06-25T22:35:45.953 に答える