Tag: safari

jQuery UI：Safari中的Droppable（’drop’事件，容忍：触摸）错误（mac）: 我无法解决以下问题：下面的代码适用于mac和windows的所有浏览器，除了它在macs safari（5.1.5）上部分工作。注意：它适用于Windows Safari（5.1.5）。这是基本结构： $(“.div2” ).droppable({ accept: ‘.div1’, tolerance: ‘touch’, drop: function(){ alert(‘dropped’); } }); 所以，基本上当div1接触div2时，应该触发drop事件。但上述情况并未触发掉线事件。在macs safari中触发drop事件的唯一情况（如下所示）是可拖动div div1完全通过droppable div div2 。我只是不知道为什么？使用的版本： jQuery: 1.7.2 jQuery UI: 1.8.18 Safari(mac): 5.1.5 更新：我尝试了其他的宽容选择。 “ 触摸 ”和“ 交叉 ”都不能按预期工作。但’ 指针 ‘完全正常。有没有其他方法可以实现’公差：触摸’的function？我正在考虑检测2个div之间的冲突然后应用相应的逻辑。任何帮助将不胜感激。谢谢！

Webkit + jQuery + SuperBGImage：完全浏览器图像没有抗锯齿: 此图像最能说明问题：我正在自定义使用SuperBGImage的WordPress主题。在Safari 5.1和Chrome 13中，当调整浏览器窗口大小时，图像不会平滑地消除锯齿，并且可以清楚地看到工件。您可以轻松地将SuperBGImage演示与生产站点进行比较…… SuperBGImage演示与我的项目我已经将演示图像添加到WordPress网站（个人类别）进行直接比较。樱桃的形象是最明显的。我已经在这方面工作了一段时间，并试图以下无济于事：试图为幻灯片图像添加2px边框，这解决了CSS3变换几乎没有相关的问题。还原缩放算法，我已修改为永不裁剪图像。添加了演示中使用的完全相同的图像文件。试图添加一个box-shadow来触发平滑。 Diff’d所有修改过的JS和CSS试图找到潜在的疏忽。（ image-rendering: optimizeQuality;和-ms-interpolation-mode: bicubic;保持一致完整。确认SuperBGImage与jQuery 1.3.2（演示版）和1.6.2（项目）一样正常工作。构建了一个简化的演示并确认问题不在于我修改过的SuperBGImage JS。（唯一不同的是裁剪方法。）在查看SuperBGImage演示时，您会注意到在释放调整后的窗口后大约半秒钟会发生平滑。我的项目中没有这种微妙的转变，尽管它曾经有效。有谁知道什么可能导致这种差异？与大多数项目不同，我遗憾的是在源代码管理中没有这个，所以我不能仅仅通过修订来解决问题。对于那些想要摆弄简单演示的人： http ： //jsfiddle.net/4ZcPF/

TypeError：’undefined’不是只在Safari中使用Tablesorter的函数: 仅在safari中我收到错误： TypeError：undefined不是函数（评估’$（“table”）。tablesorter’）在所有其他浏览器中它都有效。这是我的javascript代码，我把jtery和tablesorter javascript的脚本推入了标题。那么我该如何解决这个问题呢？为什么它只在Safari中而不在任何其他浏览器中？ $(function() { // call the tablesorter plugin $(“table”).tablesorter({ theme : ‘jui’, headerTemplate : ‘{content}{icon}’, // hidden filter input/selects will resize the columns, so try to minimize the etc

jquery .show（）和.hide（）在safari中不起作用 – 将微调器添加到<a href: 我有一些非常基本的代码，充当网页的加载GIF：加载和内容容器位于我的基本模板中。该 //header Home //more html {% block content %}{% endblock %} function spinner() { console.log(‘fire’); $(“#loading”).show(); $(“#content”).hide(); } div#loading { height: 350px; position: relative; display: none; background: white; } .ajax-loader { position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100px; margin: auto; } 我的代码在firefox和chrome中运行得非常好，但在safari或ios中却没有。 PS。我已经检查过我的function是否正常，控制台显示’fire’，我在onclick（）之后直接打印。编辑这是控制台中唯一的错误： [Error] Failed […]

无法加载资源：请求在Safari上超时: 我们有一个Web应用程序在大多数浏览器上正常工作了一年多。最近我们发现它在Safari上效果不佳。许多操作最终会出现以下错误： Failed to load resource: Request timed out 。有趣的是，在此之后（大部分时间），动作实际上是正确执行的。在查看错误时，似乎在有ajax请求时会发生。首先，我尝试通过执行以下操作来更改ajax超时设置： $.ajax({ “type” : methode, “dataType” : “json”, “url” : url, “async” : async, “data” : donneesEnvoyees, “timeout” : 60000 }) 这根本没有改变任何东西，错误实际上是在大约10秒后显示的，小于定义的超时。在互联网上阅读了一下之后，我看到了一些关于指定no-cache的答案，以便safari不会将post参数保留在缓存中。我不能说我完全理解这一点，但我仍然尝试以下方式： $.ajax({ “type” : methode, “headers” : { “cache-control”: “no-cache” }, <– added this line "dataType" : […]

在Safari上使用remodal和pickadate时出现严重的性能问题: 我试图将remodal与pickadate一起使用，这样我就可以在模态中创建日期选择器和时间选择器。在第一次试验中，我发现日期选择器将被重建器隐藏，如下所示。为了克服这个问题，我为我的remodal创建了一个.full-screen类。 .remodal { &.full-screen { max-width: none; height: 100%; width: 100%; margin: 0 auto; } } 然后它在Chrome中运行得非常好，如图所示：然后我在我的iOS上测试该网站，我发现叠加层是混乱的。我认为它坚持活跃的输入元素的底部。如iOS safari和iOS chrome所示：通常我会在MacOSX中打开我的Safari并尝试修复CSS。但是，当在Safari中加载相同的页面时，会出现奇怪的性能损失：我甚至无法加载开发人员工具 Safari CPU不断超过100％加载模态需要大约15秒加载pickadate需要大约10秒钟。结果如下：如果你想尝试，我暂时打开这里的链接，点击绿色操作按钮，模态应该加载。（首先尝试使用chrome，然后进行safari。）你会注意到差异。

图像属性是DOM的一部分（jQuery – webkit与其他浏览器不一致）吗？: 我使用jQuery在Chrome和Safari上遇到了一个问题，使用一条图像的宽度进行一些计算。使用我的计算时： $(document).ready(function() { /* some calculations with $(“img”).width() */ }); 在IE6 +和Firefox中一切正常，但它不适用于Chrome和Safari：$（img）.width（）是0，无论图像是否已经缓存。使用： $(window).load(function() { /* some calculations with $(“img”).width() */ }); 它适用于所有上述浏览器，但问题是它只在所有图像完全加载时才开始。 webkit行为是预期的行为还是有一些webkit / jQuery错误导致图像属性不是DOM的一部分？如果它是webkit / jQuery的问题：有没有办法让我的脚本比上面提到的解决方案更早执行？顺便说一句，我没有使用图像尺寸的任何内联属性。

jQuery ajaxfunction无法在Safari中运行（Firefox，Chrome，IE还可以）: 我不是javascript wiz，但是我有点疑惑它是如何在三个主流浏览器中工作，但不是Safari …这个代码有什么问题吗？基本上我只是在给定的URL上使用它与php / mysql回调一起来跟踪链接点击。 Drupal.behaviors.NodeDownloadCounter = function() { $(‘a.ndc-link’).click(function() { $.post(‘http://www.pixeledmemories.com/node-download-counter/log/’ + this.name); return true; }); }; 在这里使用Drupal行为而不是 $(document).ready(function() { （正确的Drupal方法），但我已经尝试了两种方式，它没有任何区别。我也尝试删除“return true”，但没有效果。好的，进一步的测试表明，点击触发警报可以在Safari中运行： $(‘a.ndc-link’).click(function() { alert(‘testing (ignore)’); $.post(‘http://www.pixeledmemories.com/node-download-counter/log/’ + this.name); return true; }); 但仍然没有记录到mysql。这是我的回调函数： function node_download_counter_log($nid) { global $user; $timestamp = time(); $title = db_result(db_query(“SELECT title FROM {node} WHERE nid = […]

javascript window.open不在safari和chrome中工作: 我有一个div元素。 div是一个图标。当您单击此图标时会触发表单提交。在表单提交上有一些计算，并且在这些计算结果中打开一个新选项卡。我使用“ window.open（url，’_ blank’）; ” 但在safari和chrome中，这个新标签被视为弹出窗口并被阻止。我试图创建一个隐藏的href并触发click，这样它将在新选项卡中打开页面，但它不起作用。知道如何解决这个问题吗？编辑 – 找到解决方案您需要在$ .ajax成功方法内的click事件上添加window.open。这样它就会起作用。 $(‘#myButton’).click(function () { var redirectWindow = window.open(‘http://google.com’, ‘_blank’); $.ajax({ type: ‘POST’, url: ‘/echo/json/’, success: function (data) { redirectWindow.location; } }); }); http://jsfiddle.net/safeeronline/70kdacL4/1/

Bootstrap数据切换在Safari中不起作用: 下面的代码利用bootstrap的data-toggle=”collapse”在点击配置元素时执行折叠/展开function，在这种情况下，单击parent1和parent2 问题：点击parent元素后，崩溃就可以通过我的电脑使用Chrome和Firefox浏览器进行，但是我的iPad无法使用safari浏览器。 Technologies </div Vertical </div 参考文献： http ： //www.w3schools.com/bootstrap/bootstrap_ref_js_collapse.asp