标签: jquery-mobile

使用Phonegap/jQuery Mobile Android和iOS应用程序下载文件并将其存储在本地

我写了一个jQuery Mobile应用程序,并将它与Phonegap打包到iOS和Android应用程序.

此时我使用本地存储的json文件来读取数据.

我想通过从服务器下载更新的json文件来不时更新这些json文件.

如何从服务器获取json并将json文件存储到Android和iOS的本地文件系统?

干杯Johe

android ios jquery-mobile cordova

43
推荐指数
3
解决办法
9万
查看次数

动态添加内容后,jQuery Mobile不会应用样式

我知道这些问题出现在几个地方(迫使jQuery Mobile重新评估动态插入内容的样式/主题)但不是一个对我有用的答案.

我正在使用ajax加载一些内容,并将其插入到div中,如下所示:

       $.ajax({
            url: "../Services/CalendarService.cshtml?service=true",
            cache: false,
            success: function (data) {

                data = $.parseJSON(data);
                var s = $("#user_tmpl").html();
                var s1 = tmpl(s, data);

                $("#target").html(s1);
                $("#targetRefresh").page();
            }
        });
Run Code Online (Sandbox Code Playgroud)

我已经尝试在目标上设置targetRefresh我将html添加到页面上,但没有运气.插入了conent,但未应用样式.

我也试过了

.trigger("enhance")
Run Code Online (Sandbox Code Playgroud)

知道该怎么办?

插入的html是一堆这样的:

<div data-theme="e" data-collapsed="true" data-role="collapsible">         <h3>MyOwner2AA</h3>         <p>MyDescription</p>         <p>/Date(1320339836735)/</p>         <p>MyOwner</p>         <i></i>     </div>
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助

Larsi

ajax jquery-mobile

42
推荐指数
4
解决办法
5万
查看次数

Jquery,如何取消选择无线电组中的所有单选按钮

任何人都知道如何取消选择广播组中的所有单选按钮?

HTML:

<div id="emptimfields">
              <label id="lbl_emptim">How regulary do you employ people to help cultivate your land? </label><br/><br/>

             <fieldset data-role="controlgroup" data-type="vertical" id="emptim">

              <input name="emptim" id="radio1" value="fromtimetotime" type="radio" openmrs-valuecoded="" />
              <label for="radio1"> From time to time </label>

              <input name="emptim" id="radio2" value="allthetime" type="radio" openmrs-valuecoded="" />
              <label for="radio2">All the time</label>

              <input name="emptim" id="radio3" value="dontknow" type="radio" openmrs-valuecoded="" />
              <label for="radio3"> Don't know </label> 
            </fieldset>
        </div>
Run Code Online (Sandbox Code Playgroud)

JQuery方面:

$('input:radio[name=emptim]:checked').prop('checked', false); // doesn't work 
Run Code Online (Sandbox Code Playgroud)

我当然错过了一些基本的东西,但我无法弄清楚问题是什么.

首先,我检查是,然后检查第二个无线电组的值:

在此输入图像描述

然后,我检查否以隐藏第二个无线电组:

在此输入图像描述

然后,如果我点击下一步,我得到我检查的值(但我之前没有检查过,所以这里我不想要一个警报,我想要radioButton"不时"未经检查):

在此输入图像描述

最后,如果我回来,没有任何事情发生:

在此输入图像描述

html jquery jquery-selectors jquery-mobile

42
推荐指数
3
解决办法
7万
查看次数

如何在jquery mobile中初始化页面?pageinit没有开火

在jquery移动页面上初始化对象的正确方法是什么?该事件的文档说,使用" pageInit()"没有该功能的例子,但给的结合实例" pageinit"方法(注意大小写的区别).但是,在这个简单的测试页面中,我根本没有看到事件触发:

<html>
 <body>  
  <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>  
  <script type="text/javascript" charset="utf-8" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>

  <div data-role="page" id="myPage">
    test
  </div>

  <script>
    $("#myPage").live('pageinit',function() {
        alert("This never happens");
    });
  </script>
 </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我错过了什么?我应该补充说,如果你改变pageinit到另一个事件,像pagecreate这样的代码工作.

----更新----

错误在JQM问题跟踪器中标记为"已关闭".显然,对于这是否正常工作,意见不一.

jquery-mobile

41
推荐指数
3
解决办法
8万
查看次数

在jquery mobile中动态添加<li />到<ul />

我正在尝试将列表项添加到jquery mobile中的无序列表,但似乎没有正确创建格式.

<ul data-role="listview" data-theme="c" data-dividertheme="b">
                    <li data-role="list-divider">
                        Title Divider
                    </li>
                    <li>
                        <a href="test.html" data-transition="slide">List item 1</a>
                    </li>

 </ul>
Run Code Online (Sandbox Code Playgroud)

脚本:

$('ul').append('<li><a>hello</a></li>');
Run Code Online (Sandbox Code Playgroud)

由于某种原因,动态生成的li不会显示与静态创建的li相同的方式.有谁知道为什么以及如何让它变得一样?

jquery html5 jquery-mobile

40
推荐指数
2
解决办法
8万
查看次数

点击和点击事件有什么区别?

我正在开发一个在Android/iOS和台式电脑上运行的应用程序.

我应该使用clicktap举办活动吗?

它们之间有什么区别?

桌面上的"点击"是否会起作用?如果没有,(我必须使用click)我是否错过了tap有什么优势click

jquery touch-event jquery-mobile

40
推荐指数
3
解决办法
7万
查看次数

在列表项/按钮中换行文本而不是隐藏溢出

我试图覆盖jQuery Mobile中列表项和按钮的默认行为,它具有不适合作为隐藏溢出的一行的文本.

如果您在瘦弱的浏览器窗口或iPhone上查看此内容,您将看到我的意思:http://m.gizmag.com

我希望能够将每个列表项的h3和p标签中的文本包装到新行中.

提前致谢!

jquery-mobile

39
推荐指数
2
解决办法
4万
查看次数

jQuery开发人员的jQuery Mobile演练或教程很好?

jQuery Mobile 1.0最终结果出来了

重要提示:许多教程都是旧的,不应该遵循.当前版本的jQuery Mobile是1.0!查看链接时请小心

我已经更新了我的答案,为最终版本指出了正确的资源


我想知道是否有一个经验丰富的jQuery教程 - 了解新jQuery mobile的一些约定,因为它将很快发布.我特别喜欢那些展示如何制作示例应用程序的应用程序,但请发布您认为最合适的内容.唯一需要的是它显示了JS和jQueryMobile引入的新事件的一些用法.所以这不是关于基础教程的问题.


旧基础教程:

我显然已经用谷歌搜索了它并得到了这些:http ://blogfreakz.com/mobile-development/jquery-mobile-tutorials/ [< - 这链接到一个链接到5个教程的页面]这些都显示了这个想法,但不是对于jQuery开发人员来说真的很有趣.

This here has some actual jQuery code in it, but not much: http://thoughtsunlimited.net/intro-to-jquery-mobile/


So this question is mostly to people that have already tried out some tutorials and know what they'd recommend. I think this question might be useful to people in the future.

Bounty will be awarded to an answer that links to tutorials covering the …

jquery mobile-phones javascript-framework jquery-mobile

38
推荐指数
2
解决办法
2万
查看次数

如何从javascript打开jQuery Mobile Dialog?

我有一个对话框页面,我试图打开它并显示来自AJAX POST的结果.

这是我的jQuery成功事件:

success: function(resp) {                               
  $("#dialog").dialog();
  $("#text").html('SPAM and EGGS!')
}       
Run Code Online (Sandbox Code Playgroud)

我的HTML有两个页面,第二个是对话框html:

<div data-role="page" id="main">
  # content 
</div>
<div data-role="page" id="dialog">
  <div data-role="header">
    <h1>Your Message</h1>
  </div>    
  <div data-role="content" id="text">
  </div>    
</div>
Run Code Online (Sandbox Code Playgroud)

我的AJAX POST正在运行,元素id ="text"正在使用"SPAM和EGGS!"进行更新,但对话框没有弹出.

ajax post dialog popup jquery-mobile

37
推荐指数
5
解决办法
9万
查看次数

用javascript在手机上显示虚拟键盘

我正在创建我的网站的移动版本.网站的一部分会弹出一个带有文本输入的对话框.通常我会使用jQuery将焦点带到文本输入,但这不起作用.这是我正在尝试的:

$("#textinput").focus();
$("#textinput").click(); 
$("#textinput").trigger("tap"); //jQuery Mobile
Run Code Online (Sandbox Code Playgroud)

他们似乎都没有工作.有任何想法吗?我一直在我的DroidX上测试它.我正在使用jQuery Mobile,但如果他们有帮助,我会对其他图书馆开放.

javascript jquery jquery-mobile

37
推荐指数
2
解决办法
6万
查看次数