jquery mobile重用相同的头文件/编程注入组件

Question

我希望有一个复杂的标题，并在每个页面中重复使用它。 这是我的页面样本：

http://jsfiddle.net/HBgTp/2/

<div data-inset="true" id="MainScreen" data-theme="a" data-role="page"> 
    <div class="MainHeaderPlaceHolder">
        <!-- PUT HERE THE HEADER -->
    </div>
</div>

<div id="MainHeaderWrapper">
    <div data-inset="true" data-role="header">

    </div>
</div>

我正在尝试像这样注入标题：

 $(document).ready(function(){
   $(".MainHeaderPlaceHolder").append($("#MainHeaderWrapper").html());
   $('.MainHeaderPlaceHolder').trigger('create');
 });

什么都没发生，有什么不对？ 感谢

Answer 1

就个人而言，如果你想沿着这条路走下去

var html = "some html string";//just easier than pulling it from html - to my mind anyway
$(".MainHeaderPlaceHolder").append( html );

应该有效，但这就是你正在做的事情......