Question

我有header.html

<div class="ui-bar ui-bar-b">
        <div class="center">
            <a href="#" data-role="button" data-inline="true" class="collapse_icon" data-mini="true"></a>               
            <label id="headerTextId"></label> 
        </div>  
</div>

和我的主页我在哪里包含这个文件

<div data-role="page" id="page1">
   <div id="headerDiv">
   </div>   
</div>

并在<head></head>

<script type="text/javascript">
    $('#page1').live('pageinit', function (event, ui) {
         $('#headerDiv').load('../common/header.html').trigger("create");
         $('#headerTextId').text("label text"); //not working
    });
</script>

头文件已成功包含但标签文本未设置，我也尝试.html（）而不是.text（）但没有工作。

Answer 1

尝试

请求完成时执行的回调函数。

$('#headerDiv').load('../common/header.html',function(){
    $('#headerTextId').text("label text");
}).trigger("create");

.load()

使用js包含外部html后设置标签文本的问题

1 个答案: