jQuery.HTML在文本中不服从格式

Question

为什么下面的内容不服从格式化，"li"没有作用

<script>
function showENQ() {
jQuery('#enqtext').html("<li>showtext</li>");
}
$('#enq').live('pageshow', function () { showENQ();  });
</script>

<ul data-role="listview" data-filter="true" data-filter-placeholder="Search     Enquirylist..."
data-theme="e" data-filter-theme="d" >
<div id="enqtext"></div>
</ul>

Answer 1

try innerHTML:

jQuery('#enqtext').html("<li>showtext</li>");

或

 jQuery('#enqtext').append("<li>showtext</li>");

Answer 2

我不是100%确定，但我的第一个想法是，您将<li> 's放入div中，而不是直接放入列表本身。

如果你给ul添加一个id，

可能会起作用，例如

 <ul id="list" ... >

，然后做

function showENQ() {
    jQuery('#list').append("<li>showtext</li>");
}

也可能值得将enqtext更改为span而不是div，最后，检查您没有更改列表项的样式，即确保您没有在css中的任何地方做list-style:none;。

Answer 3

尝试更改:

jQuery('#enqtext').html("<li>showtext</li>");

:

$('#enqtext').append("<li>showtext</li>");

编辑:仔细想想，我会完全删除ID #engtext的Div，并将ID #engtext赋予您的ul。