jquery-mobile - 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 );

应该工作，但这就是你正在做的......