在pagecreate事件之后应用jQueryMobile初始化

作者: Fire ming
发布时间: 2024-12-29 04:59:10 (1月前)
转自：

3 条回复

0#
回复此人
木木 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我想要jqm-initialize的标签是 <code> <select> </code> jqm将它们变成翻转切换。 jqm让我们标记了 <code> <select> </code> 同 <code> data-role='slider' </code> </p> <P> 无论如何，我正在加载一堆选择以响应用户在邮政编码框中输入第5个号码。事实证明这是有效的： </p> <pre> <code> // get an array of the <select>s you want to initialize var endorsement_controls = $('div#divEndorsements select'); endorsement_controls.each(function(){ // the next two lines make them flip toggles $(this).slider(); $(this).slider('refresh'); }); </code> </pre> <P> <code> $.slider() </code> 他们称之为小部件。我想，对于大多数（如果不是全部）控件都有模拟。 </p> <P> 我得到了改变游戏规则的提示 <a href="http://craigbrookes.com/2012/02/08/jquerymobile-cannot-call-methods-on-listview-prior-to-initialization/" rel="nofollow"> 克雷格布鲁克斯 </A> </p> </DIV>

编辑
1#
回复此人
北极星微控 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 首先，如果您想了解有关此主题的更多信息，请查看我的博客的<strong> <a href="http://www.gajotres.net/jquery-mobile-and-how-to-enhance-the-markup-of-dynamically-added-content/" rel="nofollow noreferrer"> 文章 </A> </强> 。或者它可以找到的<strong> <a href="https://stackoverflow.com/a/14550417/1848600"> 这里 </A> </强> 。每个解决方案都附带一个或多个的<strong> <code> jsFiddle </code> </强> 例子。 </p> <P> 这是带有标记增强功能的$ .ajax调用的一个相当复杂的示例的<strong> <a href="http://jsfiddle.net/Gajotres/8uac7/" rel="nofollow noreferrer"> 的jsfiddle </A> </强> 。 </p> <pre> <code> $('#index').live('pagebeforeshow',function(e,data){ $('#cars-data').empty(); $.ajax({ type: "POST", url: "/echo/xml/", dataType: "xml", data: { xml: "<cars><car><name>TOYOTA</name><country>JAPAN</country><pic>http://1call.ms/Websites/schwartz2012/images/toyota-rav4.jpg</pic><description>Toyota has announced that it will recall a total of 778,000 units that may have been manufactured with improperly-tightened nuts on the rear suspension.</description></car></cars>" }, success: function(xml) { ajax.parseXML(xml); }, error: function (request,error) { alert('Network error has occurred!'); } }); }); $("#cars").live('pagebeforeshow', function () { $("#cars div[data-role='header'] h1").html(carObject.carName); $('#car-data').empty(); $('#car-data').append('<li>Car Type:<span> ' + carObject.carName + '</span></li>'); $('#car-data').append('<li>Car Country:<span> ' + carObject.carCountry + '</span></li>'); $('#car-data').append('<li>Car Description:<span> ' + carObject.description + '</span></li>'); $('#car-data').listview('refresh'); $('#car-img').attr('src' , carObject.img ); }); var ajax = { parseXML:function(result){ $(result).find("car").each(function() { carObject.carName = $(this).find('name').text(); carObject.carCountry = $(this).find('country').text(); carObject.img = $(this).find('pic').text(); carObject.description = $(this).find('description').text(); $('#cars-data').append('<li><a href="#cars"><img src="' + carObject.img + '" title="sample" height="100%" width="100%"/><h3>Car type:<span> '+carObject.carName+'</span></h3><p>' + carObject.description + '</p></a></li>'); }); $('#cars-data').listview('refresh'); $('#index').append('<div data-role="footer" data-position="fixed"><h1>Dynamicaly added footer</h1></div> '); $('#index [data-role="content"]').append('<fieldset data-role="controlgroup"><legend>Choose:</legend><input type="radio" name="radio" id="radio1" value="1" checked="checked" /><label for="radio1">option 1</label></fieldset>'); $('#index').trigger('pagecreate'); } } var carObject = { carName : '', carCountry : '', img : '', description : '' } </code> </pre> </DIV>

编辑

登录后才能参与评论