Tag: mobile website

MobiOne iPhone模拟器上的JQuery Image加载失败

我使用以下代码动态更新JQTouch站点上的图像： $(‘#sv_map’) .one(‘load’, function() { $(this).fadeIn(); }) .attr(‘src’, imgURL); 从这里得到了这个基础知识。 sv_map是一个图像， imgURL指向一个有效的现有JPG文件。 此代码可在所有主流浏览器（Chrome，Safari，Firefox，IE）以及实际设备（多个iPhone和iPod）上正常运行。 我不想断定模拟器有一个bug（这似乎是一个微不足道的问题）。 需要哪些额外的代码来确保加载图像文件？ 有没有人与MobiOne有类似的经历？

使用适当的jQuery Mobile样式一致地更新页面

我有一个项目列表，当我点击它时，我想查看它们的更多细节。 这些项目的信息不可用，我需要发出API请求以获取必要的数据，然后我在jquery模板中呈现这些数据。 然后将模板添加到jquery移动页面。 以下是我用来尝试更新页面的一些代码 function updateProductDetails(data){ var productDetailsData = data[‘product’] var productDetailsPage = $(“#productDetails”) var templateData = $(“#productDetailsTmpl”).tmpl(productDetailsData); productDetailsPage.html(templateData); //ISSUE IS HERE — The following works when I load a template // for the first time, after that it doesn’t work as expected. productDetailsPage.page(); $.mobile.changePage(“#productDetails”); } function loadProductDetails(productId){ $.mobile.pageLoading(); $.ajax({ url: ‘/admin/products/’+productId+”.json”, success: function(data, status, […]

jQuery切换焦点/模糊的兄弟姐妹

所以我现在有这个并且它有效，但是我想知道在编写移动网站时是否有最佳的写作方式，如果有重要的话，还有性能。 想想在元素下滑下（切换）的工具提示，我在页面上也有大约30个工具提示div，因为这将用于多个元素 JS： $(‘.mobile-tool-tip’).each(function() { $(this).hide(); $(this).prev().focus(function() { $(this).next().slideToggle(‘fast’); }); $(this).prev().blur(function() { $(this).next().slideToggle(‘fast’); }); }); HTML for mobile-tool-tipfunction Valid format 999-999-9999. Please include the area code. 一直在使用这个（感谢亨特 ）切换元素，但不能让它与下一个（）工作，我不想用手编写每个工具提示div $(“[name=field_name]”).change(function() { var show = $(this).val(); $(“#hidden_div”).toggle(show); });

鼠标单击event.pagex是移动Chrome浏览器中的NaN（v30.0.1599.92）

我正在尝试在用户点击的位置显示信息框类型的元素。 我正在听’click’事件，处理函数使用鼠标点击甚至对象的event.pageX和event.pageY来呈现信息框。 这在桌面浏览器中完美运行。 我尝试从移动客户端访问该页面。 event.pageX和event.pageY似乎是“NaN”。 知道为什么?? 处理程序的一部分如下。 var pushPinClickEventHandler = function (event) { var clickX = event.pageX; var clickY = event.pageY; //do some thing here } 编辑：添加有关鼠标事件对象的详细信息 桌面： isPrimary: true isSecondary: false isTouchEvent: undefined pageX: 136 pageY: 269 移动： isPrimary: false isSecondary: false isTouchEvent: true pageX: NaN pageY: NaN

jQuery Mobile弹出窗口没有打开.popup（’open’）

我试图使用jQuery Mobile 1.3.1的弹出窗口在登录凭据为假时警告用户。 我从jquerymobile的文档开始使用基本模板，但我无法使用$(‘#popupBasic’).popup(‘open’); 如果我这样使用它; Tooltip I will change this text dynamically if this popup works 单击Tooltip链接时效果很好。 但在我的情况下，没有任何点击，所以我正在尝试这个; if(retVal){ $.mobile.changePage(‘index’); } else{ $(‘#popupBasic’).popup(); $(‘#popupBasic’).popup(“open”); } 这是在我的ajax登录function进行回调之后，所以如果没有任何错误，则retVal为true，如果存在则为false（并且此时我试图显示弹出窗口）。 顺便说一下，我所有的js部分都在 $(document).on(‘pageinit’, function(){}); 所以我等到jquerymobile为页面做好准备。 当我这样做时，会在桌面浏览器链接更改上发生什么 http://localhost/login#&ui-state=dialog 但没有显示弹出窗口。 经过一些刷新和缓存后，它开始显示。 在iOS上同样的事情也会发生，但在Android上有时它会改变链接，有时它不会。 如果有人可以帮助我解决这个问题，我会很高兴。 提前致谢。

如何测试移动webkit

我正在寻求建立一个新的网站，并希望采取负责任的“移动优先”的方法。 这种方法的一个原则是只加载你需要的东西，并避免包含大量浪费的库和框架，直到你真正需要它们为止。 为此，我打算使用modernizr2来测试function，然后只加载所需的文件和库。 在javascript方面，我真的很有兴趣使用类似zepto.js（ http://zeptojs.com/ ）的东西，这是一个小巧的javascript库（2-5k），针对移动webkit（和单独的移动webkit）进行了优化一个jquery兼容的语法。 它也被设计为具有全开jquery的“热插拔”。 所以我的策略是（伪代码）： 测试移动webkit 如果（true）加载zepto.js if（false）加载jquery 但现在我的问题是：你们建议用什么（未来certificate）技术来检测移动webkit，最好是以纯粹的javascript方式（不使用jquery，插件或其他库）并且可以与modernizr的测试API集成？

如何使用jquerymobile制作可拖动的li元素？

我是网络移动新手。 当我想制作可拖动的项目时，我只使用jquery ui，在移动Web应用程序中执行此操作的方法是什么？（我使用的是jquerymobile）我们是否应该在web移动中使用jquery ui还是存在其他好方法？ 谢谢，

如何检测移动设备并获取用户代理信息只发送一次并将该信息保存到服务器上的数据库？

是否有任何脚本检查用户代理然后发送并将该信息保存到服务器上的数据库？ 我正在制作移动网站，有m.facebook.com和touch.facebook.com两个版本，我想重定向到不同的手机。 我使用WURFL设备检测。 因此，例如m.html5version.com应该提供给所有支持HTML5的设备，而m.mobileversion.com应该提供给所有其他手机。 所以我需要一种方法来使用任何服务器端或客户端方法第一次检测设备和浏览器。 当任何用户第一次在设备上打开网站时，一旦应该收集有关设备和浏览器的信息，脚本应该运行，并且应该将信息保存在我现有的WURFL数据库中，所以下次当任何用户来自同一设备时，那么他将根据设备重定向到触摸或移动版网站。 因此，只有第一次在第一台设备上我想检测设备并保存信息。 有没有办法做到这一点？ 例如 Android 1.6没有HTML5支持，仍在使用中。 所以我想将所有Android 1.6设备重定向到m.mobileversion.com而不是touch.mobileversion.com 在触摸版的网站上，我使用的是HTML 5标签，如 ， ， 等，不支持Android 1.6。 所以我想检测第一个从Android 1.6设备访问网站的设备，因为1.6中不支持HTML5所以用户代理应该保存在我的数据库中然后当下次任何用户打开网站时我会重定向自动下载移动版本，任何设备都不需要第二次检测。