Tag: webkit

jQuery没有加载到iPhone上

我正在尝试使用UIWebView来显示内容,并使用jQuery来操作该内容,但我无法加载jQuery。 这是我设置UIWebView,设置baseURL和加载内容(本地包中的HTML文件)的代码: UIWebView *view = [[UIWebView alloc] initWithFrame:[[UIScreen mainScreen] applicationFrame]]; NSString *path = [[NSBundle mainBundle] bundlePath]; NSURL *baseURL = [NSURL fileURLWithPath:path]; NSData *htmlData = [[NSData alloc] initWithContentsOfURL: [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@”index” ofType:@”html”]]]; NSString *htmlString = [[NSString alloc] initWithData:htmlData encoding:NSUTF8StringEncoding]; [view loadHTMLString:htmlString baseURL:baseURL]; 内容加载得很好,我已经通过向包添加图像并在HTML中引用它来确认baseURL是正确的,并且它可以正常工作。 在我的Macbook上使用Safari中的相同HTML jQuery加载也很好,并按预期工作。 我已经尝试使用压缩的jquery-1.3.2.min.js和开发jquery-1.3.2.js,并且没有任何骰子。 有任何想法吗?

在jQuery中设置-webkit-scrollbar-thumb可见性

我尝试通过jquery设置滚动条拇指的可见性,如下所示: $(‘-webkit-scrollbar-thumb’).css(‘visibility’, ‘hidden’) 但它实际上并没有做任何事情。 这是我的CSS定义: ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; background: rgba(150, 150, 150, 0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 2; margin: 5px; } 我无法通过隐藏溢出禁用滚动,因为我仍然需要启用滚动,我只需要通过javascript隐藏滚动条拇指。

jQuery .focus()和.blur()无法在Chrome或Safari中使用

我正在创建一个调查表单,当用户关注它们时,需要突出显示每个问题和一组答案(通过更改背景颜色)。 .focus()和.blur()都可以在Firefox和IE中使用,但不能完全在Safari和Chrome中使用。 我也尝试了.focusin()和.focusout(),结果相同。 编辑:单击不会触发焦点事件,但通过输入字段进行选项卡。 我说并不完全是因为它适用于文本输入,选择输入和textarea输入; 但不是收音机和复选框输入。 $(document).ready(function() { $(“form li”).focusin(function() { $(this).addClass(“over”); }).focusout(function() { $(this).removeClass(“over”); }); }); 这适用于类似于此的html块: Email Purpose of your Charter Flight: Business Pleasure 我试着搞乱切换,但我正在寻找一个更优雅的解决方案,不涉及使用复杂的逻辑来使其工作。 有任何想法吗?

JSONP调用无法使用apple-mobile-web-app-capable =“是”

问题:使用设置,我的所有jsonp请求都被拒绝。 我通过设置content =“yes”来读取,您无法更改页面。 但我不知道你无法请求外部资源。 这个应用程序必须全屏。 有没有办法在html5应用程序上使用此标签将iPad设置为全屏模式? 现在我的请求只是被发送到另一个子域,他们都被拒绝了? 任何人都知道如何解决这个问题? 允许jsonp并强制全屏模式?

LazyLoad图像直到滚动后才出现

我正在使用jQuery的lazyload插件。 它工作正常,除了一个问题:在滚动之前,图像src不会被换出数据原件。 一旦你滚动,甚至一点点,图像加载 – 但我需要它们在页面准备好时加载。 注意:这纯粹是Chrome / Safari问题。 我在Firefox或Opera,甚至IE9中都没有这个问题。 我试过按照这篇文章的建议: http : //sumanrs.wordpress.com/2011/02/08/jquery-lazy-loading-images-no-scrolling/其中说明基本的jQuery库具有以下function:没有插件需要延迟加载。 这似乎并非如此,因为图像只是在初始页面加载时加载。 任何见解都非常感谢!

如何防止浏览器在水平滚动时在历史记录中返回/转发?

如何在水平滚动时使用JQuery或Native JS禁用现代浏览器默认function以向后或向前移动? 这通常发生在使用触控板时以及滚动到可滚动div的结尾或开始时。

jQuery CSS渲染 – 适用于Firefox,而不适用于Chrome

我正在使用jQuery滑块来调整包含段落文本的DIV的填充。 当我平均增加所有边上的填充时,它应该将封闭的段落强制在页面中央的一个更窄的列中。 这适用于Firefox,但在Chrome中,段落宽度保持不变(即它们不会随着DIV的填充推入它们而变窄),因此将布局推向右侧。 我在这里重新创建了这个问题: jsfiddle.net/ms3Jd 。 您可以在Chrome和Firefox中试用它来查看差异。 有关如何强制Chrome刷新所附段落的任何想法?

Jquery触发器点击不适用于mac,Ipad和Iphone中的safari浏览器

我试图在单击另一个按钮时触发输入类型=“文件”上的单击事件。 演示: http : //jsfiddle.net/Y85g6/ 它在所有浏览器中都运行良好,除了在mac,Ipad和Iphone中的safari浏览器。 有什么技巧可以完成这项任务吗?

重置类时,CSS动画不会重新启动

我正在使用CSS着色器+动画。 我的着色器类定义如下: .shader{ -webkit-filter :custom(url(v.vs) mix(url(f.fs) multiply destination-over), 200 200); -webkit-animation-name: test; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1 } 我试图通过$(‘#holder’).addClass(‘shader’);使用jquery动态设置/取消设置样式(着色器+动画) $(‘#holder’).addClass(‘shader’); 和$(‘#holder’).removeClass(‘shader’); 然而,奇怪的是当我重置类时(例如,在removeClass之后调用addClass),只有着色器被重新应用但动画没有(我已经挂钩了AnimationStart事件以查看我的动画何时开始)。 任何人都知道为什么会这样,我怎么能解决它? 编辑:我在这里添加了JSfiddle代码段的简化版本。 基本上我是将动画重新应用于div两次,但实际的动画只在第一次被调用。