标签: jquery-mobile

使用jQuery Mobile的Safari中的可视错误 - 内容复制

我正在使用jQuery Mobile 1.3.0,EaselJs 0.6.0和TweenJs 0.4.0构建移动应用程序.

因此,当我加载页面时,某些内容会在视觉上重复.DIV并不是真的重复,它只是视觉上的.

  • 此错误仅出现在Safari(Windows + OSX)上.
  • 如果我单击并滑动以选择页面,则错误消失.
  • 如果我切换页面(使用jQuery Mobile幻灯片转换),它也会消失.

这是一个截图:https://dl.dropboxusercontent.com/u/37896707/both.jpg

好的和坏的截图示例

我的代码很大,所以我不能在这里完全发布它.我花了2个小时玩我的代码试图解决这个问题.我真的不知道.

如果您有想法并需要更多信息,请告诉我.

safari jquery-mobile easeljs createjs

50
推荐指数
1
解决办法
607
查看次数

如何在运行时之前编译cshtml

我相信我在某个地方读到了一个项目文件中的设置,它允许您.cshtml在构建Visual Studio项目时编译文件.

刚开始使用MVC/Razor/QueryMobile,当我在.cshtml文件中的代码块中出错时,我对"错误加载页面"感到恼火

asp.net-mvc razor jquery-mobile

49
推荐指数
3
解决办法
2万
查看次数

如何阻止jQuery mobile将样式应用于我的特定表单元素

是否有可能指示jQuery Mobile不设置我的输入框和提交按钮的样式.我很喜欢我的自定义CSS.jQuery移动脚本将自己的样式应用于我的所有元素.

我试过的一个解决方法是覆盖我的自定义CSS中的那些元素.我可以做任何其他功能吗?这样的事情

$.ignoreStyles("button,text");
Run Code Online (Sandbox Code Playgroud)

css jquery-mobile

48
推荐指数
2
解决办法
4万
查看次数

jquery.mobile 1.4.5未捕获TypeError:无法读取未定义的属性'concat'

我创建了一个示例index.html文件,其中包含最新的jquery(3.1.0)和jquery mobile(1.4.5).

在加载页面上,错误控制台输出:

jquery.mobile-1.4.5.js:3337 Uncaught TypeError: Cannot read property 'concat' of undefined

在这条线上:

mouseEventProps = $.event.props.concat( mouseHookProps ),

当我尝试包含jquery-1.11.2时没有问题.谁能告诉我为什么?提前致谢.

jquery jquery-mobile

47
推荐指数
2
解决办法
5万
查看次数

如何使用javascript有条件地像CSS3媒体查询,方向?

如何使用javascript有条件地像CSS3媒体查询,方向?

例如,我可以编写具体的css

@media only screen and (width : 1024px) and (orientation : landscape) {

.selector1 { width:960px}

}
Run Code Online (Sandbox Code Playgroud)

现在我想只运行一些javascript,如果它匹配相同的条件

喜欢

@media only screen and (width : 1024px) and (orientation : landscape) {

A javascript code here

}
Run Code Online (Sandbox Code Playgroud)

我有一个外部JavaScript例如http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js,它应该只在特定的屏幕大小和方向上运行

javascript css jquery css3 jquery-mobile

46
推荐指数
3
解决办法
4万
查看次数

表格提交后,Capybara不会传递标题

我正在构建一个Rails 3应用程序,它为移动设备(使用jQuery Mobile)和常规桌面浏览器呈现不同的视图.我正在使用Cucumber/Capybara进行测试,并为移动设备和浏览器提供单独的测试套件.我可以使用此处的'headers hack'在请求的HTTP头中设置移动用户代理字符串...

在Rails 3中使用Cucumber/Capybara,如何设置自定义User-Agent字符串?

问题...

我的大多数移动Cucumber步骤都运行良好(例如,我将移动标头设置为一步,然后移动视图呈现).然而,在表单提交之后,测试然后呈现下一步的浏览器视图(而不是我想要的移动视图).我想这可能是因为Capybara在表单提交动作后丢弃了标题.

我尝试通过向控制器操作添加记录器来测试这一点,以便我可以查看user_agent标头,如下所示:

def show
    # …
    logger.info("Headers: #{request.user_agent}")
    # …
end
Run Code Online (Sandbox Code Playgroud)

我使用了iPhone标头(买方是资源).在我的test.log中,我看到:

对于创建动作......

Started POST "/buyers" for 127.0.0.1 at 2011-04-19 16:49:18 -0700
Processing by BuyersController#create as HTML
  #...
Headers: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7
  #...
Redirected to http://www.example.com/buyers/1
Completed 302 Found in 7ms
Run Code Online (Sandbox Code Playgroud)

对于后续的show动作(注意'标题:'为空白)......

Started GET "/buyers/1" for 127.0.0.1 at 2011-04-19 16:49:18 -0700
Processing by BuyersController#show as HTML
 #... …
Run Code Online (Sandbox Code Playgroud)

header cucumber capybara jquery-mobile ruby-on-rails-3

45
推荐指数
1
解决办法
2643
查看次数

删除复选框的"已选中"属性

发生错误时,我需要删除一个复选框的"已检查"属性.

.removeAttr函数不起作用.任何的想法?:/

HTML

<div data-role="controlgroup" data-type="horizontal" data-mini="true" style="margin-left: auto; margin-right: auto; width: 100%; text-align: center;">
    <input type="checkbox" id="captureImage" name="add_image" class="custom" />
    <label for="captureImage" data-icon="checkbox">Image</label>
    <input type="checkbox" id="captureAudio" name="add_audio" class="custom" />
    <label for="captureAudio" data-icon="checkbox">Audio</label>
    <input type="checkbox" id="captureVideo" name="add_video" class="custom" />
    <label for="captureVideo" data-icon="checkbox">Video</label>
</div>
Run Code Online (Sandbox Code Playgroud)

使用Javascript

$("#captureImage").live("change", function() {
    // $("#captureImage").prop('checked', false); // Here Work

    if($("#captureImage:checked").val() !== undefined) {
            navigator.device.capture.captureImage(function(mediaFiles) {
            console.log("works");
        }, function(exception) {
            $("#captureImage").prop('checked', false); // Not Works Here
            _callback.error(exception);
        }, {limit: 1});
    }
});

/*
$("#captureAudio").live("change", function() {
    if($("#captureAudio:checked").val() …
Run Code Online (Sandbox Code Playgroud)

javascript jquery ios jquery-mobile cordova

45
推荐指数
4
解决办法
18万
查看次数

jQuery Mobile适用于移动和桌面?

我正在开发一个网络应用程序.MySql/PHP后端,以及HTML/jQuery前端.

我想使用jQuery UI框架.

现在看到jQuery Mobile已经出局了,我想让移动设备尽可能地访问应用程序.

我用谷歌搜索,但没有找到质量答案.

如果我使用jQuery Mobile,我可以使用相同的代码完成所有工作吗?

如果从移动浏览器访问,我希望它显示移动小部件.
但是使用jQuery UI小部件可以从桌面浏览器访问.

这可能只是通过使用jQuery Mobile及其标记,或者我必须分别编写移动(jQuery Mobile)和桌面(jQuery UI)的前端?

也就是说,如果从桌面浏览器访问,jQuery Mobile可以自动"回退"到jQuery UI.

mobile jquery jquery-ui jquery-mobile

44
推荐指数
3
解决办法
3万
查看次数

禁用Android浏览器的输入叠加层?

我有一个带有一些文本输入的网页.Android浏览器(至少在我现在得到的Android 2.3.4上)似乎覆盖了自己对焦点页面上输入的控制.

问题是叠加的控件是一个白色矩形,看起来很丑.有没有办法禁用它,或以某种方式设置它?

更新:

以下是Android模拟器的示例:

在此输入图像描述

圆角和背景都丢失了.在实际设备上,我甚至看不到控件周围的边框.

我应该提一下,我正在使用jQuery Mobile.我的测试设备是HTC Evo 4G.

相关问题:

输入在焦点上有不同的风格

如果在HTC设备上突出显示,WebView中的输入元素始终具有相同的样式

html css android android-browser jquery-mobile

44
推荐指数
4
解决办法
3万
查看次数

从Jquery Mobile切换到AppFramework

我使用Jquery Mobile构建了一个项目.JQM似乎非常适合快速原型设计,但iphone 3GS/IOS 5.1的最终结果远非流畅.我已经尝试了很多黑客/技巧,以使它更快,摆脱过渡,但仍然,我无法得到令人满意的结果.

我一直在四处看看.我需要的是一个具有良好UI的轻量级解决方案(JQM非常适合我在该领域所需的内容).

trigger.io和AppFramework似乎是可用的2个解决方案(也许我错过了其他一些解决方案).

我想给AppFramework一个去,但我想得到那些做出改变的人的反馈.

谢谢.

jquery appframework jquery-mobile cordova

44
推荐指数
1
解决办法
3万
查看次数