1

我正在制作一个混合移动应用程序，我想在从 web 服务获取 html 后应用 jQueryMobile-initialize 方法..（通过“混合移动应用程序”我的意思是我从一个 html 页面开始，使用 jQueryMobile 进行样式设置，并且使用对 Web 服务的 ajax 调用来获取有关按钮单击等的数据。最后，我将所有这些都折叠到本机应用程序中。）

那么，有谁知道是否有类似（伪）
$.initWithJQueryMobile($('#my_div_id'))
注意：当我执行 ws 请求/响应时，我不会进入新的 data-role=page。

背景：你可能知道，当它初始化一个 html 文件时，jqm 会改变这个

    <select id="116" data-role="slider" >
    <option value='no'>No</option>                               
    <option value='yes'>Yes</option></select>

进入这个 在此处输入图像描述

我想在我的 web 服务返回之后执行此操作 - 在 pagecreate 事件触发很久之后。

当您单击或点击翻转开关（他们称之为）时，它会在是和否之间切换。

为了实现这一点，jqm 从根本上重写了具有跨度、div 和样式的 dom，并将 javascript 方法应用于翻转切换的 onclick。

我可以从 page-view-source 窃取 html，所以如果有人知道使之切换的 jqm js 方法，我可以从那里获取它（我知道，大黑客）。或者 …。我们可以使用 $.initWithJQueryMobile() 函数吗？

4

2 回答 2

1

我想要 jqm-initialize 的标签是<select>jqm 将它们更改为翻转开关。jqm 让我们标记<select>为data-role='slider'

无论如何，我正在加载一堆选择以响应用户在邮政编码框中输入第 5 个数字。事实证明这是有效的：

// get an array of the &lt;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');
});

$.slider()就是他们所说的小部件。我猜，如果不是所有的控件，大多数控件都有一个模拟。

我从克雷格·布鲁克斯那里得到了改变游戏规则的暗示

于 2013-01-30T22:27:41.783 回答
0

首先，如果您想了解有关此主题的更多信息，请查看我的博客文章。或者可以在这里找到。每个解决方案都带有一个或多个jsFiddle示例。

这是一个带有标记增强jsFiddle的 $.ajax 调用的相当复杂的示例。

$('#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 : ''    
}
于 2013-01-29T17:12:07.843 回答