天道酬勤,学无止境

jquery-mobile

Have a select menu select a value in another select menu with Jquery Mobile [duplicate]

问题 这个问题在这里已经有了答案: 如何以编程方式从控件自己的更改事件中更改选择框选择并使其在移动浏览器中工作1回答 4年前关闭。 当用户选择一个选项时,我试图让优先级下拉菜单动态更改另一个下拉菜单的值。 我正在使用 Jquery Mobile,但不确定如何实现这一点。 这是我目前的 HTML。 因此,如果我选择优先级正常,我会喜欢它,所以在 commETA 和 compETA 选择框中选择 48 小时。 提前感谢您的帮助! 回答1 编辑:正如 Omar 在评论中所说, val()应该可以正常工作 - 正确的过滤器是:selected : $("select").each(function(idx) { var selectedValue = $(this).find("option").filter(":selected").attr("value"); }); EDIT2:初始selected属性

2022-05-17 04:23:08    分类:技术分享    jquery   jquery-mobile

Mousedown Event with ipad/iphone Compatibility? - jQuery Mobile

问题 我在 jquery 中写了一个小滚动条。 滚动条似乎可以在 PC 和 Mac 上完美运行。 但是它不适用于触摸设备。 我想这是由于调用了mousedown属性。 如何在 PC 和触摸屏设备上进行这项工作? 谢谢 $('.scroll-nav-up, .scroll-nav-down').live('click', function(){ $('.scroller-wrap').stop(); return false; }); $('.scroll-nav-up').live('mousedown', function(){ $(this).closest('.item').find('.scroller-wrap').animate({ top: -($(this).closest('.item').find('.scroller-wrap').height() - 250) }, 800); }); $('.scroll-nav-down').live('mousedown', function(){ $(this).closest('.item').find('.scroller-wrap').animate({ top: 0 }, 800); }); 回答1 如果您使用的是 jquery mobile,请尝试处理其新事件tap并taphold http:/

2022-05-17 03:49:21    分类:技术分享    jquery   jquery-mobile

Jquery Mobile checkbox-list does not update when adding items and "refreshing" the script to style it

问题 在 JQuery Mobile 中添加复选框列表非常容易,脚本会自动设置/更改以下 html 的样式并赋予其功能: <fieldset data-role="controlgroup" id="liste" class="liste"> <legend>Choose as many snacks as you'd like:</legend> <input type="checkbox" name="checkbox-1a" id="checkbox-1a" class="custom"> <label for="checkbox-1a">Cheetos</label> <input type="checkbox" name="checkbox-2a" id="checkbox-2a" class="custom"> <label for="checkbox-2a">Doritos</label> <input type="checkbox" name="checkbox-3a" id="checkbox-3a" class="custom"> <label for="checkbox-3a">Fritos</label> <input type="checkbox" name="checkbox-4a" id="checkbox-4a" class="custom">

2022-05-15 19:06:10    分类:技术分享    javascript   jquery   html   jquery-mobile   mobile

Google access_token is undefined

问题 我正在开发一个移动网络应用程序,它将访问 Google Books API 并允许用户将书籍添加到他们的“收藏夹”书架中。 这是我第一次使用需要 Google 授权的 API。 我需要发送授权请求来修改私人用户数据。 我(认为)我有正确的 access_token 但我不知道如何获得它。 我正在使用 Google 登录按钮,如下所示: ` <div class="g-signin2" data-onsuccess="onSignIn"></div> ` 我也有这个来向 Google 识别我的应用程序: `<meta name="google-signin-client_id" content="12345.apps.googleusercontent.com"> ` 我使用自己的 Google 帐户登录,Google 按钮变为“已登录”。 我只是想从那里记录访问令牌: ` function onSignIn(googleUser) { googly = gapi.auth2.getAuthInstance(); var id_token = googly.currentUser.get().getAuthResponse().access_token; console.log(id_token); } ` 我已经尝试了在文档中可以找到的所有内容,但无论我做什么,我都会发现

2022-05-12 08:52:38    分类:技术分享    javascript   jquery-mobile   google-books

Is the jQuery mobile the best UI framework to integrate with PhoneGap? Or should I use Ionic? [closed]

问题 关闭。 这个问题是基于意见的。 它目前不接受答案。 想改进这个问题? 更新问题,以便可以通过编辑这篇文章用事实和引用来回答它。 6年前关闭。 改进这个问题 我想用PhoneGap来启动一个企业应用程序,但不知道在所有的移动UI框架中哪个最适合与项目集成? 我是PhoneGap 的新手。 回答1 如果您想在 jQuery Mobile 和 Ionic Framework 之间进行选择,我建议您选择 Ionic。 当然,这将取决于您的知识和偏好。 首先 jQuery Mobile 不是“一团糟”,@EpicPandaForce 不知道他在说什么。 如果您不相信我,请在此处查看我的 jQuery Mobile 支持分数:https://stackoverflow.com/tags/jquery-mobile/topusers。 如果有人知道 jQuery Mobile 是如何工作的,那就是我。 这并不意味着 jQuery Mobile 更好; 它只是在这个世界和移动生态系统中占有一席之地 jQuery Mobile 在过去两年没有更新,即便如此,它也不是移动开发最快的解决方案。 1.5 版即将推出,它将带来 jQuery UI 集成。 jQuery Mobile 的可能性将猛增。 Ionic 正在不断开发中,我同意它现在已经准备好生产了。 尽管即使现在它也缺乏 jQuery

2022-05-11 14:55:19    分类:技术分享    cordova   jquery-mobile   ionic-framework

How to get value of radio buttons from one html page to another?

问题 我尝试获取位于第一个 html 页面上的底部粘贴的 html 代码的值。 我有另一个 html 页面,应该使用“onclick”按钮生成。 更准确地说,代码应该在下一页中创建按钮。 Case1:选择了 radio-choice-1 - 它应该创建 4 个按钮。 案例 2:选择了 radio-choice-2 - 它应该创建 4 或 9 个按钮。 案例 3:选择了 radio-choice-3 - 它应该创建 9 或 16 个按钮。 案例 4:选择了 radio-choice-4 - 它应该创建 16 个按钮。 我不知道如何获取所选单选按钮的值,然后在另一个页面上生成按钮。 我实际上有一些脚本(game.js): $(document).ready(function(){ $('#radio-button-value').click(function(){ $("input[name='radio-button-gruppe']:checked".val()); }); }); 第一个html页面 <html> <head> <meta charset="utf-8" /> <title>newgame</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1

2022-05-08 22:42:08    分类:技术分享    javascript   jquery   html   jquery-mobile   web-applications

IBM Workligt Single HTML file containing all application pages: How to load new page?

问题 我正在使用 IBM Workligth 开发一个混合应用程序,其中包含一个包含所有应用程序页面的 html 文件,例如: <div data-role="page" id="page1"> //page1 specific </div> <div data-role="page" id="page2"> //page2 specific </div> 如何在页面之间切换? 看起来这应该很简单,但我不知道如何。 提前致谢。 回答1 您可能还应该提到您正在使用 jQuery Mobile(您的 HTML 标记中的data-role属性...),因为这是您问题的关键。 jQuery Mobile 提供了创建多页应用程序的能力。 有两种方法: 包含 DIV 的单个 HTML 文件,其中每个 DIV 是一个“页面” 多个 HTML 文件,每个 HTML 文件是一个“页面” 您应该考虑上述方法之一,具体取决于您的应用程序将变得多么“沉重”(有多少页面,每个页面的内容等......)。 jQuery Mobile 的文档网站解释了上述概念:http://demos.jquerymobile.com/1.4.3/pages/ jQuery Mobile 提供了一个名为 changePage 的 API 方法。 使用它,您将能够在“页面”之间遍历。 例如: 然后点击一个按钮将显示另一个“页面”

2022-05-08 09:44:25    分类:技术分享    html   jquery-mobile   ibm-mobilefirst

When should I use PHP Session vs Browser Local Storage vs JavaScript Object Parameters?

问题 什么时候适合使用现代基于 AJAX 的应用程序存储数据的多种不同方式? 我希望我可以为开发人员提供一些具体的指导方针。 到目前为止,这是我所看到的,而且越来越混乱。 PHP 服务器端会话: PHP 会话数据可能是存储基于会话的信息的最古老的方式。 我经常通过来自 JavaScript/jQuery 对象的各种 AJAX 调用传入参数 - 以存储在 PHP Session 中。 我还将数据对象(一些会话信息)作为对 JavaScript/jQuery 方法的响应/结果返回。 基于浏览器的本地存储:这通常用于存储需要在前端持久化的数据,但有时我不确定何时使用它。 一个很好的用途是存储来自 navigator.geolocation 的地理位置信息。 我在这里存储了很多信息,但我不确定这是否明智。 它似乎永远不会过期,但可以从资源中删除。 带有配置参数的 JavaScript 对象:我一直在使用设置“设置”参数的 init 方法构建 JavaScipts 对象。 这非常有用,因为我通常使用从 PHP 传入的数据来构建它。 使用 jQuery Mobile,这些数据甚至可以从一个页面持续到另一个页面,并随着 AJAX 请求响应而变化。 那么,您会对每种方法的使用给出什么指导方针? 回答1

2022-05-08 07:13:09    分类:技术分享    javascript   php   session   jquery-mobile   javascript-objects

Preventing Jquery Mobile from processing URL hash?

问题 我在现有的 Web 应用程序中使用 Jquery Mobile。 问题是,Jquery Mobile 正在处理所有 URL 哈希。 例如: mysite.com/#foo 在这里,哈希“foo”被发送到 Jquery Mobile,它正在处理它,而不是让我的非 jquery 移动代码处理它。 是否可以防止 Jquery Mobile 干扰 url 哈希? 回答1 jQuery Mobile 的默认行为是监听 hashchange 事件并更新URL 哈希以处理页面历史,只有在启用Ajax时。 要处理页面链接,在首次运行 mobileinit 时应禁用changeHash和hashListeningEnabled属性。 此事件在加载 jQuery Mobile 库和.ready()之前触发; 它应该用于更改框架的全局设置。 <script src="jquery.js"></script> <script> $(document).on("mobileinit", function () { $.extend( $.mobile, { changePage.defaults.changeHash: false, hashListeningEnabled: false }); }); </script> <script src="jquery.mobile.js"></script

2022-05-08 06:13:47    分类:技术分享    javascript   jquery   jquery-mobile

jquery mobile - change flip switch default state

问题 我正在使用 jQuery mobile 的翻转开关,默认情况下开关是关闭的。 我不知道如何将默认值设置为“开” <form id="sound-switch"> <select name="flip-3" id="snd-switch" data-role="flipswitch" data-mini="true"> <option value="off">Off</option> <option value="on">On</option> </select> </form> 我在某处阅读以将value="on"添加到 html,但我无法让它工作。 有人对这个有经验么? 回答1 使用.val()设置 Flipswitch 的值,然后重新增强它 .flipswitch("refresh")。 $("#snd-switch").val("on").flipswitch("refresh"); 演示 回答2 尝试 将selected="selected"添加到 On 以便在页面加载时选择它。 默认情况下总是选择第一个选项 <option selceted="selected" value="on">On</option> 小提琴演示 <form id="sound-switch"> <select name="flip-3" id="snd-switch" data-role=

2022-05-07 09:26:09    分类:技术分享    jquery   jquery-mobile   flip   jquery-mobile-flipswitch