jQuery.HTML不遵守文本中的格式

时间:2011-10-04 11:47:32

标签: javascript jquery

为什么剂量以下不服从格式化,“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>

3 个答案:

答案 0 :(得分:0)

尝试更改:

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

为:

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

编辑:想一想,我会完全移除ID #engtext的Div,并将ID #engtext提供给你的。

答案 1 :(得分:0)

尝试innerHTML代替:

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

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

答案 2 :(得分:0)

我不是百分百肯定,但我的第一个想法是你将<li>放入div而不是直接放入列表本身。

如果您通过为ul添加ID来附加 <ul id="list" ... > ,则可以正常工作,例如

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

然后再做

enqtext

也可能值得将list-style:none;更改为span而不是div,最后检查您是否更改了列表项的样式,即确保您没有在任何地方执行{{1}}你的css。