Tag: safari

在Safari 9中后退按钮后触发JQuery / Javascript

当我使用Chrome / Firefox中的浏览器返回按钮导航回来时，我的网站正常工作（与没有向后导航时加载的情况相同）。 在Safari导航回来之后，我无法获得任何“on load”类型事件来触发StackOverflow上的标准文档是否已准备就绪或是否存在一些hackaround。 我没有做任何特别的事，我真的需要打电话： $( document ).ready(function() { // analyticsEvent(); // startAnimation(); // etc(); }); 有谁遇到过同样的问题？

在移动铬和safari中看不见的元素

在此页面中，在通过jQuery应用类之后，＃searchInput元素是不可见的。 我检查了它的可见性没有隐藏，它的不透明度不是0，它的显示不是没有。 我知道元素存在，因为当我将鼠标hover在开发工具中的代码上时，我会看到它的填充和边距。 这种情况发生在移动Chrome和Safari中，但不适用于桌面Chrome和Safari。 可以使用chrome dev工具复制桌面chrome中的问题来模拟移动设备。 以下是如何复制问题： 转到此页面： https ： //googledrive.com/host/0BwJVaMrY8QdcMlJSU1J4RmZlSXc/KE_home.html 向下滚动，以便不再显示标题 向上滚动，但不够，以便标题重新进入视图。 应该使用.stickySearch类，它将被固定，并在桌面和移动设备中固定页面顶部; 但是，在移动设备中，它是看不见的。 这是添加类的JS代码： var lastScrollTop = 0; $(window).scroll(function(){ var st = $(this).scrollTop(); if(st235) $(‘#searchInput’).removeClass(‘slideBack’).addClass(‘stickySearch’); else $(‘#searchInput’).removeClass(‘stickySearch’).addClass(‘slideBack’); } else $(‘#searchInput’).removeClass(‘stickySearch’).removeClass(‘slideBack’); lastScrollTop = st; .slideBack没有与之关联的样式，买.stickySearch会： .stickySearch{ width:60% !important; position:fixed !important; left:0; right:0; top:32px !important; } @media only screen and (max-width:678px){ .stickySearch{ width:65% !important; } […]

video无法通过Safari上的脚本加载

我有一个脚本，应该只在桌面上显示加载video，并仅在移动设备上显示图像横幅。 这在firefox和chrome中运行良好，但video在Safari中根本不加载。 控制台显示以下错误： [Error] TypeError: a.indexOf is not a function. (In ‘a.indexOf(” “)’, ‘a.indexOf’ is undefined) load (jquery.min.js:4:18902) Global Code (uiscripts:1:22070) [Error] TypeError: undefined is not an object (evaluating ‘$.validator.addMethod’) (anonymous function) (jquery.min.js:2:31697) 我的HTML是： $( function() { var bgv = $(‘#bgvid’); if (bgv.is(‘:visible’)) { $(‘source’, bgv).each( function() { var el = $(this); el.attr(‘src’, el.data(‘src’)); } […]

Safari点击事件和活动状态不能共存

我试着创建一个3状态按钮： 关（默认） 开（hover/翻转） 向下（活动/点击） 在Safari桌面和Safari移动设备中，当添加关闭状态时（通过：活动伪状态），它会终止点击事件。 为什么这两件作品不能很好地搭配在一起呢？ 在这里演示它的简单示例： https ： //jsfiddle.net/m7hev81t/1/ $(‘button’).on(‘click’,function(e){ $(‘#log’).html(‘clicked ‘ + new Date().getTime()); }); button { position:relative; background:transparent; border:none; height:50px; width:200px; cursor:pointer; } button .state { position:absolute; width:100%; height:100%; display:none; top:0; left:0; } .state.off { background:green; display:block; } .state.on { background:orange;} .state.down { background:red; } button:hover .state.off, button:hover .state.down {display:none;} button:hover .state.on […]

jquery：一个safari bug？

谁能告诉我为什么这个页面会在Safari 上引起一个奇怪的问题？ 如果您单击Safari上的任何一个框，您将收到多个警报或无数警报。 这只是一个简单的jquery代码， $(document).ready(function(){ $(‘.tile-item’).click(function(){ alert(‘0’); }); }); 它应该像其他浏览器一样警告每次点击一个警报框（甚至IE也可以正常工作！） 我怎样才能解决这个问题？ 谢谢。 编辑： 我在Windows 7 Safari 5.0.5（7533.21.1）上测试过它 有没有在他们的Windows上检查过它？ 谢谢。

jQuery的animate（）scrollTop属性在iPad Safari上不起作用

我有一个div，如果它变长，将显示一个滚动条。 这是css top: 35px; overflow: hidden; position: absolute; width: 100%; height: 100%; bottom: 0px; overflow-x: hidden; display: block; 不知何故，当我使用jQuery（v1.7.1）滚动这个div时，它不能在iPad（iOS 8.3）Safari上运行，但它在所有桌面浏览器上都能正常运行。 这是代码 $(‘#myDivId’).animate({ scrollTop: 100 }); 这个简单的JS代码在iPad Safari上不起作用，但在桌面浏览器上运行良好 var myDiv = document.getElementById(‘myDivId’); myDiv.scrollTop = 100; 有人为什么有任何想法？

jQuery fadeIn不适用于iPhone

非常基本的淡入/淡出。 根本不适用于任何iPhone。 在Safari桌面版中正常工作。 有什么建议？ 谢谢！ var $kds = jQuery.noConflict(); $kds(“div.maploading”).hide(); $kds(“#addressSubmit”).click(function() { $kds(“div.maploading”).fadeIn(100).delay(1200).fadeOut(400); });

$ .Ajax .Append在Safari（iOS和OSX）上无法正常工作

Gooday 经过很多头疼，我转向你们寻求帮助。 我在一个方形空间页面上使用jQuery MixItUp – 但最近我遇到了代码块限制为300.000个字符的问题。 我的解决方案是附加一个包含数据的PHP文件。 我在这里使用这段代码来附加一个包含电影标题和其他信息的PHP文件： $.ajax({ url: “/assets/filmlist.php” + ‘?’ + Math.random() * Math.random(), dataType: ‘html’, cache: false, success: function(html) { $(‘#filmlist’).html(html); } }); 这是页面： findfilmimportphp 。 这种方法在每个浏览器中都很有效，除了移动和桌面上的Safari之外我没有任何问题。 它要么不从php加载数据，要么在刷新页面之前MixItUp排序不起作用 – 有时根本没有任何事情发生。 我不知道为什么会这样，以及如何应对它。 可能导致此问题的原因是什么？

SVG：通过jQuery更新在FF中工作，但在Safari中没有，任何想法？

我想更新一个嵌入式SVG。 我通过使用jQuery css选择器选择SVG元素，并通过jQuery的.attr（）函数改变它的属性。 它在FF中按预期工作，但在Safari中没有效果。 有任何想法吗？ 我的HTML里面的SVG： Foo Bar JavaScript的： $(“textPath”).text(“other text”); $(“path”).attr(“d”,”M 60 70 L 90 30 L 300 60 L 180 120 L 60 70″); 工作实例： 的jsfiddle 操作系统：Mac OS X 10.7.3 Firefox：11.0 Safari：5.1.5（7534.55.3）

Safari没有激活jquery提交动作的css规则

我在网站上的表格上提交了脚本列表。 $(“.movieSearch”).submit(function() { $(“body”).addClass(“tmdbsearching”); }); 您可以看到，此脚本将在主体上设置一个类，然后将激活css重叠规则。 div.overlay { position: fixed; z-index: 900; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s cubic-bezier(0.89,.005,.545,1); -moz-transition: opacity 0.5s cubic-bezier(0.89,.005,.545,1); -ms-transition: opacity 0.5s cubic-bezier(0.89,.005,.545,1); -o-transition: opacity 0.5s cubic-bezier(0.89,.005,.545,1); transition: opacity 0.5s cubic-bezier(0.89,.005,.545,1); } body.tmdbsearching div.overlay { z-index: 900; opacity: 1 !important; […]