jQuery Mobile的運行時間變化的HTML（jQuery的（ '＃XX'）HTML（HTML）;）

Question

我把代碼：http://jquerymobile.com/demos/1.0/docs/about/getting-started.html 它工作正常，

然後我嘗試動態地建立相同的，但這根本不起作用！ 空頁面!!!!!!! 這裏，不工作：

$(document).ready(function() { 

    var html = ''; 

    html += '<div data-role="page">'; 

    html += '<div data-role="header">'; 
    html += '<h1>My Title</h1>'; 
    html += '</div>'; 

    html += '<div data-role="content">'; 
    html += '<p>Hello world</p> '; 
    html += '</div>'; 

    html += '</div>'; 
    jQuery('#divData').html(html); 
    return false; 
}); 

而這個HTML：

<div id="divData"> 
</div> 

爲什麼？

Answer 1

$(document).ready(function() { 
    function init() { 
     var html = ''; 

     html += '<div data-role="page">'; 

     html += '<div data-role="header">'; 
     html += '<h1>My Title</h1>'; 
     html += '</div>'; 

     html += '<div data-role="content">'; 
     html += '<p>Hello world</p> '; 
     html += '</div>'; 

     html += '</div>'; 
     $('#divData').html(html); 
    } 

    init(); 
}); 

<div id="divData"> 
</div> 

清理你的代碼。我認爲這個問題是你使用jQuery而不是$來做innerhtml。