gpt4 book ai didi

javascript - jquery mobile 不会用 .html() 解释我插入的代码

转载 作者:行者123 更新时间:2023-12-02 17:43:13 25 4
gpt4 key购买 nike

当我使用 click()html() 更改页面中的内容时,jquery mobile 不会更改插入代码的 View ,在此案例 ListView 。

我构建了一个简短的示例来展示我的意思:

http://jsfiddle.net/eTz8H/

当您使用 Suchen 按钮时,它会插入列​​表,但它看起来不像 jquery mobile listview。

JS:

function searchSeries(){
list = '<ul id="seriesResultList" data-role="listview" style="margin-top: 2em;" data-inset="true"><li><a href="#"><img src="http://www.tvdb.info/gfx/v/v20703.gif"><h2>Vegas</h2><p>USA 2012–</p></a></li></ul>';
$("#searchResult").html(list);
}

$(document).ready(function() {
$("#submit").click(function(){
searchSeries();
});
});

HTML

<form class="ui-body ui-body-a" id="seriesNew" action="index.php?site=autoseriesNew" method="post" style="padding-bottom: 2em;">
<label for="newSerie">Serie:</label>
<input type="search" name="newSerie" id="newSerie" value="">
<button class="ui-shadow ui-btn ui-corner-all" type="submit" id="submit">Suchen</button>
</form>
<div id="searchResult">
</div>

最佳答案

您需要触发“创建”事件来制作动态 HTML jQM 风格。

您可以尝试以下操作,

$("#searchResult").trigger('create')

或者如果不起作用,

$(".ui-page").trigger('create')

在包含此元素的页面上。

关于javascript - jquery mobile 不会用 .html() 解释我插入的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22015141/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com