Javascript JQuery移动运行时更改html（JQuery（'；&#xx'；）.html（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;
 });

$（文档）.ready（函数（）{
var html=''；
html+=''；
html+=''；
html+=“我的标题”；
html+=''；
html+=''；
html+='Hello world
'；
html+=''；
html+=''；
jQuery（'#divData'）.html（html）；
返回false；
});

这个HTML：

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

为什么？

$（文档）.ready（函数（）{
函数init（）{
var html=''；
html+=''；
html+=''；
html+=“我的标题”；
html+=''；
html+=''；
html+='Hello world
'；
html+=''；
html+=''；
$（'#divData'）.html（html）；
}
init（）；
});

---

清理了你的代码。我认为问题在于使用jQuery而不是$来处理innerhtml。

问题在于：其中一个JS上存在冲突。

$(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>