相关疑难解决方法(0)

我正在使用HTML5,CSS3,JavaScript和jQueryMobile制作一个移动Web应用程序,并对其进行变形Phonegap.

我是所有网络新手,我想知道,当我使用jQueryMobile进行UI时,我可以使用jQuery api进行Ajax调用,还是jQueryMobile拥有自己的工具.

我需要使用Ajax,与外部Web服务进行交互,我将从数据库中获取(获取)和更新(获取/发布).

换句话说,jQueryMobile是否支持所有jQuery api,或者我还要在我的应用程序中单独包含jQuery.

我正在尝试动态创建一个select元素,但它不是由jQuery Mobile设计的.实现这一目标的正确方法是什么？

的jsfiddle

我正在尝试使用JQM更改复选框状态(选中/取消选中).

在HTML部分,我有一个复选框,一个按钮清除和一个按钮设置.

在Java Script部分中,我有清除代码并使用按钮设置复选框"checked"值

 HTML code piece:
 ----------------
 <label><input type="checkbox" name="checkboxName" id="checkboxID">checkbox</label>
 <a href="#" id="clear" data-role="button" data-inline="true" data-theme="b">Clear</a>
 <a href="#" id="set" data-role="button" data-inline="true" data-theme="b">Set</a>

 JS code piece:
 --------------
 $("#clear").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',false);
 });

 $("#set").click(function() {
    $('#checkboxID').filter(':checkbox').prop('checked',true);
 });

请查看以下示例:http://jsfiddle.net/VXwzp/14/

您将通过按"设置"或"清除"按钮注意到它无法正常工作.

我使用谷歌Chrome版本26.0.1410.64米

我注意到,如果我从输入中删除标签,它工作正常,但没有考虑JQM样式.

 <input type="checkbox" name="checkboxName" id="checkboxID">

查看以下示例:http://jsfiddle.net/QLzBX/1/

您是否知道如何使用JQM使其工作？

先感谢您

阿尔瓦罗

我使用Collapsible Accordion获取动态追加的列表.每个可折叠项目都应该有一些表单元素(文本输入,文本区域和按钮),如下图所示.

我的问题是,当动态附加的可折叠手风琴时,没有任何样式附加到动态附加的表单元素.

我试过$(‘#PageID’).page()但没有运气.

我的代码

var projectListStr = "<div data-role='collapsible-set' data-theme='c' data-content-theme='d' id='collabsibleProjectList' data-inset='false'>";
$.each(projectList,function(index, value){
        LineOneprojectListStr = "<br/><p class='listP2'><strong>Aktivitet </strong>: "+CheckNullToEmptyString(this.ActivityName)+"</p>";
        LineOneprojectListStr +=  "<br/><p class='listP3'><strong>Händelse/Verksamhet</strong>: "+CheckNullToEmptyString(this.EventName)+"</p>";
        projectListStr += "<div data-role='collapsible' class='myset'>";
        projectListStr += "<h3>"+this.ProjectName+"<span class='ui-li-count'>"+checkNullToZero(this.Days[i].EventTimant2)+"</span>"+LineOneprojectListStr+"</h3>";
        FormStr = "<table align='center'>";
        FormStr += "<tr><th>Hours</th><th>Minutes</th></tr>";
        FormStr += "<tr><td><input type='number' name='hoursMon' id='hoursMon' value=''  /> </td><td><input type='number' name='minsMon' id='minsMon' value=''  /></td></tr>";
        FormStr += "</table>";
        FormStr += "<div data-role='fieldcontain' >";
        FormStr += "<label for='externalNotesMon'>Fakturatext</label>";
        FormStr += "<textarea name='textarea' id='externalNotesMon' style='min-height:120px'></textarea>";
        FormStr += "</div>"; …

我正在使用jQuery mobile 1.3.0并试图设计listview的动态元素.我在页面标记中定义了一个列表,可以从一个对象添加元素.

<div data-role="content">
      <ul data-role="listview" id="list_logs">

      </ul>
</div>

这是从对象读取项目并构建列表的代码:

for(log in data.logs) {
        $('<li><h2>'+data.logs[log].date+'</h2><p>'+data.logs[log].event+'</p><p>'+data.logs[log].type+'</p></li>').appendTo('#list_logs').trigger("refresh");
}

从文档调用触发器("刷新")中我可以理解的应该是列表内容的样式,但它或触发器("创建")都没有做很多事情.有没有人对此有任何进一步的了解？提前致谢.

编辑:我应该补充说,样式表在文档头中就位,并且静态添加元素会产生正确的样式.

我有一个样本页面,我们设计得非常好.现在,我们只需要在页面的一部分中使用jquery mobile.问题是,当我添加jquery mobile时,它会弄乱我的所有UI内容.有没有办法只将jquery mobile应用于页面的一部分？