我在下面找到了这个方向测试代码,寻找JQTouch参考资料.这在移动Safari上的iOS模拟器中正常工作,但在Phonegap中无法正确处理.我的项目遇到了与杀死此测试页面相同的问题.有没有办法在Phonegap中使用JavaScript来感知方向变化?
window.onorientationchange = function() {
/*window.orientation returns a value that indicates whether iPhone is in portrait mode, landscape mode with the screen turned to the
left, or landscape mode with the screen turned to the right. */
var orientation = window.orientation;
switch (orientation) {
case 0:
/* If in portrait mode, sets the body's class attribute to portrait. Consequently, all style definitions matching the body[class="portrait"] declaration
in the iPhoneOrientation.css file will be selected and used to style "Handling iPhone or …Run Code Online (Sandbox Code Playgroud) 我正在使用jQuery UI开发一个网站,我的网站上有几个元素在触摸屏设备上查看时似乎不兼容; 它们不会导致任何错误,但行为不是应该的.
有问题的元素是jQuery UI定义的滑块和rangeliders; 在触摸屏上,不是将触摸注册为拾取手柄和拖动,而是将手柄拖过滑块,而只是将整个网页滑动到屏幕的一侧.如果您点击手柄然后点击滑块上您希望手柄最终的位置,它确实有效,但这非常慢而且不理想.有任何想法吗?
我尝试下载jqtouch插件,然后附加.touch([...])到所有对slider()和rangeslider()的调用,但这不起作用.
谢谢!
更新:我在jQuery UI网站上找到了这个"补丁"
http://bugs.jqueryui.com/ticket/4143
这说明它有利于iPhone上的滑块,但现在又出现了另一个愚蠢的问题:如何将这个"补丁"合并到我的代码中?我是否只是像插件一样将它包含在代码的开头?
我最初用HTML,CSS和JavaScript创建了一个Web应用程序,然后被要求在Bootstrap中再次创建它.我做得很好,但是我已经在网络应用程序中切换了更改回收音机(原始复选框)按钮的按钮,而不是我原来的切换按钮.
按钮的代码是:
<label>
Notifications
<span class='toggle'>
<input type='radio'
class='notifications'
name='notifications'
id='notifications' />
</span>
</li>
<label>
Preview
<span class='toggle'>
<input type='radio'
class='preview'
name='preview'
id='preview' />
</span>
</li>
Run Code Online (Sandbox Code Playgroud)
以及HTML页面链接到的JavaScript和CSS文件是:
<script src = 'jqtouch.js'></script>
<script src="jquery.js"></script>
<script src="js/bootstrap.js"></script>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)
有没有办法更改代码,以便我可以返回切换按钮?
我正在尝试使用基于SASS和COMPASS的jqtouch主题.我有一个文件custom.scss,其中包含最简单的代码,一个导入和一个要覆盖的变量:
@import 'jqtouch';
// Override variables
$base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/
Run Code Online (Sandbox Code Playgroud)
当我现在将scss文件编译为css时,它基本上只用我的文件名生成jqtouch css.颜色规范无处可见,尽管变量是每个文档(官方指南)和jqtouch.scss文件中的definitley正确,我导入用于costumizing.
我在Windows机器上运行Sass 3.2.9和Compass 0.12.2.
我已经尝试了更多的变量和不同的文件导入,但结果总是,我的覆盖值没有合并.
指南针的ruby配置文件似乎是不可靠的.
有没有人知道过程中出了什么问题,以便忽略我的覆盖值?
我的创业公司和我正在决定使用哪个移动触摸框架来构建我们的移动Web应用程序.我无法弄清楚Sencha Touch和JQTouch之间的区别.据我所知,Sencha和Sencha Touch许可的两种产品都需要付费许可才能在商业上使用它.除了法律和财务问题,两个框架之间的区别,优点和缺点是什么.
谢谢.
我将开发一个内容丰富的应用程序,理想情况下应该是一个iPhone应用程序,但由于我时间紧迫,我将坚持使用我可以使用的技术,如JQuery,CSS和HTML.除了iPhone之外,我的网站运行的移动设备越多越好.
在网上进行的简短搜索让我觉得我可以使用三种工具:iWebkit,JQTouch和iUI.我玩过JQTouch,我发现它令人印象深刻且使用简单.
简单性缺乏可定制性; 我非常希望在我的GUI中有滑块和其他很酷的功能.
有关这三者中哪一项的评论?
我使用JQTouch创建主屏幕上一个Web应用程序使用元标签"苹果移动网络应用能力",但不管多少次,我清除缓存从内部设置的Web应用程序的JavaScript仍是一个较旧的缓存版.
奇怪的是,如果我将元标记的内容设置为;
<meta name="apple-mobile-web-app-capable" content="no" />
Run Code Online (Sandbox Code Playgroud)
...然后将Web App添加到主屏幕,我在启动时获得最新版本.
然而,如果我将元标记设置为;
<meta name="apple-mobile-web-app-capable" content="yes" />
Run Code Online (Sandbox Code Playgroud)
...然后将Web App添加到主屏幕,我得到较旧的缓存版本.
PS.我可以确认这只是不会刷新的javascript.
javascript iphone web-applications jqtouch iphone-standalone-web-app
<input type="number">我的网页上有几个元素.我正在使用jQTouch,我一直想保持全屏; 也就是说,水平滚动很糟糕.每当我点击一个<input>元素时,页面会向右滚动,在屏幕右侧显示黑色边框并使所有内容失真.输入从屏幕左侧偏移,它们从页面中间的某处开始.
如何防止此焦点滚动?
我们使用knockout和knockout映射插件来促进我们的jQTouch Web应用程序中的数据绑定.我们使用映射插件的原因是能够使用knockout而无需在javascript中手动定义/更改viewmodels.当您从服务器/客户端数据库初始加载数据时,映射插件很有用.
我们遇到的问题是我们有一些屏幕/视图,其中有一种形式可能没有任何初始数据.如果没有这个初始数据,映射插件就无法"生成"viewmodel(ko.mapping.fromJS).这意味着我们仍然需要手动为视图的大部分定义视图模型.
假设这是映射插件(应该)支持的场景,我错了吗?我的意思是,这意味着映射插件仅在您始终具有初始数据加载的情况下可用.
jqtouch ×10
javascript ×5
iphone ×4
jquery ×2
mobile ×2
compass-sass ×1
cordova ×1
css ×1
ios ×1
iui ×1
knockout.js ×1
safari ×1
sass ×1
sencha-touch ×1
slider ×1
touch ×1