Tag: jquery mobile

validation在Phonegap中不起作用,但在浏览器中完美运行

我有一个类型number的字段。 我已经使用jqueryvalidation了这个字段,它在浏览器中显示了必要的警告,但在与Phonegap一起使用时无法在手机中显示。 我的代码是: PUT YOUR ANSWER HERE: 我只想接受1到10之间的数字。但是当我输入1-或1 2或2 ++时,它会在电话中没有任何提示输入。 我的jquery就是这个 $(‘#nextbutton1’).click(function() { var num=$(“#ans”).val().trim(); if ((num 10) && num.length != 0) { if (num 10) { alert(“Oops! You cannot enter vlues Greater than 10″); $(‘input[type=number]’).val(”); } } else if ((num % 1) != 0) { alert(“You Cannot Enter Decimal Values or any other symbols […]

jQuery Mobile – pageinit和pagecreate只触发一次

我正在开发我的第一个jQuery Mobile项目并遇到了障碍。 我使用的是1.0版本,到目前为止,该项目非常简单,只有索引上有三个脚本。 我错误地使用了$(document).ready(function() { … }); 首先,然后在文档中读取正确的事情是绑定pageinit或pagecreate 。 这是我正在进行测试的脚本(直接从文档中): $(“#main”).live(‘pageinit’, function(event) { alert( ‘This page was just enhanced by jQuery Mobile!’ ); }); 我已经尝试过这个作为外部JS文件和#main DIV中的脚本,正如我在这里找到的一些旧线程中所建议的那样。 这在第一次加载索引时有效,但是当用户导航到另一个页面然后返回(重新访问)时,它不会再次触发。 我错过了什么?

Jquerymobile添加动态可折叠div

可能重复: 动态添加可折叠元素 我想知道如何动态添加一个可折叠div,这样的事情可以用Jqm listviews完成,调用lisview(’refresh’)之后 这是测试代码: http://jsfiddle.net/ca11111/UQWFJ/5/ 编辑:在上面,它被附加和渲染,但多次 edit2:好像这样工作?

jQuery Mobile和TouchSwipe jQuery插件错误

我正在尝试使用Skinkers Labs的TouchSwipe插件和jQuery Mobile在我正在创建的移动网站上使用响应式设计。 TouchSwipe: http ://labs.skinkers.com/touchSwipe/ 我遇到的情况是我可以通过移动设备上的普通页面使TouchSwipe插件正常工作但是一旦我添加了jQuery Mobile js文件,TouchSwipefunction就不再起作用了。 这是我收到的JS错误(在jquery-1.7.1.js的第3256行): TypeError:’undefined’不是函数(评估’(((jQuery.event.special [handleObj.origType] || {})。handle || handleObj.handler).apply(matched.elem,args)’) 这是我在HTML中包含JavaScript的地方: $(“#divCheckingWrapper”).live(“pagecreate”, function(event) { var swipeOptions = { swipeStatus: swipeStatus, allowPageScroll: “vertical” }; SWIPEABLE_NODES = $(“#divCheckingSlider”); SWIPEABLE_NODES.swipe(swipeOptions); CONTENT_WIDTH= SWIPEABLE_NODES.parent().width(); MAX_NODES = SWIPEABLE_NODES.find(“div.divCheckingSliders”).length; }); main.js包含TouchSwipe站点的图像滑动示例代码中的所有辅助函数: http://labs.skinkers.com/touchSwipe/demo/image_scroll.php 知道为什么我看到这个错误吗? 一旦我删除jQuery Mobile javascript文件,该插件工作正常但我需要jQuery Mobile用于此站点。 如果您愿意,我会很乐意发布更多代码。 如果您有任何疑问或需要更多信息,请与我们联系。 在此先感谢您的帮助!

jQuery Mobile滑动事件

我有一个 标签,当用户滑过它时,它会记录swipe 。 在jQuery Mobile中有三种滑动,即swipe , swipeleft和swiperight ,但我只想使用swipe 。 我想知道的是当用户滑过 标签然后根据用户的滑动方向记录swipeleft或swiperight 。 可能吗? 如果是,那怎么样? $(‘.image’).on(‘swipe’, function (e) { console.log(‘swipe); });

在Android / PhoneGap上运行的jQueryMobile拒绝.load / .ajax

我真的很讨厌问我之前曾被问过一千次的问题。 这是我认为其他人必须遇到的问题之一, 但是 搜索了 堆栈 溢出 ,没有任何假设的解决方案对我有用,所以我一定做错了什么….. 我有一个非常简单的应用程序设置。 index.htm和terms.htm。 test.htm中有一些文本数据。 我设置$.support.cors = true; 和$.mobile.allowCrossDomainPages = true; 在东西加载后的适当时间。 起初我尝试使用$(‘#elementid’).load(‘terms.htm’);将terms.htm的数据加载到索引中的元素$(‘#elementid’).load(‘terms.htm’); (测试和索引都在相同的root / assets / www /目录中,我的webview加载索引oncreate)但绝对没有发生任何事情。 所以我选择尝试.ajax,这样我至少可以得到一条错误信息,而我得到的只是’错误’。 当然,可以在DroidGap上使用JQ加载本地文本资产吗? $(‘#header’).load(‘terms.htm’); $.ajax({ type:”GET”, timeout:10000, async: false, url: “terms.htm”, success: function(data) { $(‘#header’).html(data); }, error: function(xhr,msg){ alert( msg); } });

jquery移动页面注入

我有这个简单的HTML(我托管我自己的文件,它的工作原理) My Title on onload我必须调用此函数并将js中生成的内容添加到id =“main_div”或data-role =“content” function main_page(){//trips menu var this_page =’ ‘; var this_body=”; this_body += ”; this_body += “Check my Inbox”; this_body += “Tutors/ Post Tutors”; this_body += “Books / Post Books”; this_body += “Invite friends”; this_body += “Forum”; this_body += ”; this_page += this_body; var $page = $( pageSelector ), $content […]

数据绑定单选按钮未进行样式设置

我正在尝试将KnockoutJS与jQuery mobile一起使用,我遇到了一个问题,即数据绑定集中的单选按钮没有被设置样式。 这是一个小提琴 我有一个看起来像这样的简单模型: var vm = { options: [“option1″,”option2″,”option3”] } $(function() { ko.applyBindings(vm); }); 我试着像这样绑定它: 我可以通过检查DOM看到KnockoutJS已经正确地将我的集合转换为(大致)这个(为了清楚起见,删除了数据绑定): option1 option2 option3 如果我静态地放入我的HTML中,它由jQuery Mobile正确设置。 知道这里可能会发生什么吗? 在同一个项目的其他地方,我有一个在列表视图中显示的收集,并且样式很好。 到目前为止,我只在FF中测试了这个。 更新 搜索这个,我发现一些旧信息建议将.checkboxradio()应用于元素以手动设置它们的样式。 我在这做了 $(function() { ko.applyBindings(vm); $(“.boundRadio”).checkboxradio(); }); 这有些帮助,但它们没有像静态定义的按钮那样分组。 每个都有单独的圆角,而不是仅围绕第一个项目的顶角和最后一个项目的底角。

将图像添加到可折叠内容标题

我正在关注可折叠内容文档 – http://jquerymobile.com/demos/1.0a4.1/docs/content/content-collapsible.html 是否有一种方法可以在标题字段中向右添加图像(在标题字段下面的代码中由’Test’引用)。 Test 我似乎无法在文档中找到任何内容。 谢谢你的帮助

phonegap相机未将图像加载到标签中

我正在尝试使用navigator.camera对象捕获图像并将其推入img标记。 我正在做的演示在这样的phonegap文档中说的: if(navigator.camera) { navigator.camera.getPicture(function(imageData){ var $image = document.getElementById(‘imageForTask’); image.src = “data:image/jpeg;base64,” + imageData; console.log(imageData); }, null, {sourceType:1, quality: 50}); } else { alert(“Camera not supported on this device.”); } 当我这样做时,我在imageForTask中得到一个断开的链接。 这就是消息来源所说的: data:image/jpeg;base64,content://media/external/images/media/325 。 有谁知道为什么这不起作用? 我已经和它搏斗了一段时间。 谢谢! -Geoff