Tag: mobile

Knockoutjs，jquery移动滑块

我想知道是否有人有一个带有knockoutjs的JQM滑块的工作示例。 我有两个问题： 1）将值绑定到observable – 我可以最初绑定它，即设置滑块的“值”，但这不会在拖动时更新底层的observable – 我认为这与JQM将元素放在输入上代表它？ 2）更改min，max，value属性时刷新样式。 以下是我所拥有的子集，currentItems根据选择进行更改： workloadViewModel.filterValues = ko.dependentObservable(function () { var tmp = {}; var itms = this.currentItems(); if (itms.length == 0) return; tmp.max = itms[0].val; tmp.min = itms[itms.length – 1].val; tmp.minRange = this.minRange(); return tmp; }, workloadViewModel); ko.bindingHandlers.jqmRefreshSlider = { update: function (element, valueAccessor) { ko.utils.unwrapObservable(valueAccessor()); //just to create a […]

如何删除Jquery Mobile Dialog的页面背景？

对话框本身只占页面的大约10％，我想删除或将对话框的页面背景变为透明，以便前一页仍然可见。 这是调用对话框的js： $.mobile.changePage(‘#popdiv’,{transition:’slide’, role:’dialog’}); 这就是div Congrats! 我尝试使用自定义css但它似乎没有改变任何东西 div#popdiv { background: none; // i also used background-image and color and set it to none } 这就是我宣布css和js的方式 请帮忙。 非常感谢。

jQuery Mobile中的持久标头

无法找到一种方法来为我的旧问题提供赏金，所以我重新发布它，因为它可能是一个错误。 简短版本：我希望PhoneGap + JQM应用程序中的持久标头在页面转换之间保持原位（从不移动），就像页脚可以设计的那样。 长版：首先，我是jQuery和JQM的新手，所以请指出我所犯的任何新错误。 我正在尝试在应用程序中的不同页面之间保留一个标题。 当用户在页面之间转换时，它必须像持久的页脚一样保持在原位。 使用data-role =“footer”data-id =“（某些一致id）”data-position =“fixed”来实现持久页脚。 它运作得相当好（随机故障，因为它错位，然后几秒后自动修复）。 有关我正在寻找的内容的更多信息，请参阅此处的“持久页脚”： http ： //jquerymobile.com/test/docs/#/test/docs/toolbars/docs-footers.html 并在下面的链接中查看持久页脚的示例。 了解如何选择页脚中的项目转换为全新页面，但页脚不会移动： http ： //jquerymobile.com/test/docs/#/test/docs/toolbars/footer-persist-a.html 现在我正在尝试做同样的事情，但我希望它在应用程序的顶部而不是底部。 我尝试过以下的事情： 将页脚移动到页面顶部（不知道jQuery中要捕获的标记。尝试使用几个jQuery类的div。（jQuery类），但没有一个工作。我使用FireBug来确定它是“顶级”CSS属性需要改变。 每页上的HTML： JavaScript： $(‘div.ui-footer’).css(‘top’, ‘0px’); $(‘div.ui-footer-fixed’).css(‘top’, ‘0px’); $(‘div.fade’).css(‘top’, ‘0px’); $(‘div.ui-fixed-overlay’).css(‘top’, ‘0px’); $(‘div.ui-bar-a’).css(‘top’, ‘0px’); 使用data-role =“header”（不像页脚那样持久）。 这个方法将创建我想要的标题（因为我覆盖了一些CSS），但是当我在页面之间转换时，它不会将标题保持在顶部。 JQM文档也没有声明它们支持持久标头，但它确实声明它支持持久页脚： 每页上的HTML：

jQuery Mobile .listview（’refresh’）无效

我正在使用jQuery Mobile构建移动Web应用程序，我遇到了问题。 我使用jQuery来解析XML文件并创建列表项。 它构建列表，然后将 的列表应用到页面上的 。 我读到，为了使列表正确设置样式，您必须在附加数据以刷新列表后调用.listview(‘refresh’) ，以便jQuery Mobile可以为列表设置正确的样式。 我的问题是列表永远不会刷新。 它不断变换风格。 难道我做错了什么？ 我的代码是否正确？ 仅供参考，我已尝试过.listview() .listview(‘refresh’)等各种变体。 码： $(window).load(function() { $.ajax({ type: “GET”, url: “podcast.xml”, dataType: “xml”, async: false, success: parseXml }); }); function parseXml(xml) { var podcastList = “”; $(xml).find(“item”).each(function() { podcastList += “” + $(this).find(“title”).text() + “” + $(this).find(“itunes\\:subtitle”).text() + “”; }); $(“#podcastList”).append(podcastList); $(“#podcastList”).listview(‘refresh’); } […]

如何使用CSS 3过渡获得与jQuery的slideToggle相同的效果？

我想要jQuery slideToggle效果，但想要使用CSS3过渡以便在iOS设备上调用GPU，以便过渡更顺畅。

jQuery Mobile Scrollview

所以我试图制作一个可滚动的列表： 括在：标签 我使用以下脚本： http://jquerymobile.com/test/experiments/scrollview/jquery.mobile.scrollview.js http://jquerymobile.com/test/experiments/scrollview/scrollview.js 除了jqm和jq。 问题是在PC上滚动不起作用（但它并没有那么糟糕），但是在整个网站上除了listview之外还在滚动。 用户还可以在站点上滚动并查看灰色bg，直到safari停止滚动。 编辑：另外这两个JS使’toggleClass（）’jQuery函数不起作用。

强制地址栏显示在移动Chrome应用中

我正在开发一个网络应用程序。 大多数应用都禁用了滚动，但是一个全屏面板需要可滚动。 问题： 如果用户位于可滚动的应用程序部分中，并向下滚动，则地址栏将消失。 如果在地址栏消失后，用户通过单击固定位置菜单栏上的X决定退出该面板，则地址栏永远不会被触发（因为向上滚动不会发生），因此用户陷入滚动状态-disabled address-bar-less state。 我的问题： 是否可以强制触发地址栏以在Google Chrome中显示？ 链接！ JSBin输出 JSBin代码 顺便说一句 简单地设置$（window）.scrollTop（0）不会这样做。 使用开发工具进行模拟不起作用。 您需要在Chrome应用中的移动设备中打开它。 谢谢！ 示例如下： 不允许滚动，地址栏显示 ） 滚动允许，地址栏显示 用户滚动，地址栏隐藏 返回滚动禁用div，隐藏地址栏

使用HTML5 / jQuery从iPhone获取用户号码

有没有办法使用HTML5 / jQuery获取iPhone用户的电话号码？ 我只看到如何使用SDK完成此操作。 编辑： 到目前为止，我发现的唯一一件事是在初始安装时询问用户他们的号码并存储它。

jQuery：移动设备的keyup事件

我有一些问题要在我的iPhone上启动一个keyup事件，我的代码如下： var passwordArray = [“word”, “test”, “hello”, “another”, “here”]; var test = document.getElementById(‘enter-password’); test.addEventListener(‘keyup’, function(e) { if (jQuery.inArray(this.value, passwordArray) != -1) { alert(“THIS IS WORKING”); } else {} }); 这个想法是，当用户输入#enter-password字段时，当他们匹配passwordArray的单词时，警报将会触发。 这适用于桌面，例如，一旦输入了word ，只要输入d该function就会立即开启。 反正有没有让它适用于移动设备？

jQuery Mobile加载消息

当我将jQuery Mobile链接到我的页面时，页面底部出现了某种加载消息，我无法摆脱它。 我试过$ .mobile.pageLoading（true）但它没有用。 我应该如何删除它？ 我没有把它打印到任何地方。