Tag: safari

Safari 5.1中禁用了CSS样式切换器

我在我的网页上有这个基于jQuery的CSS样式切换器。 当我将浏览器更新到Safari 5.1时,此脚本停止工作。 我环顾四周,看到了这个苹果讨论页面,原因是Safari 5.1中已禁用备用样式表。 任何人都可以帮我解决这个问题吗? 我不是程序员,所以我无法弄清楚这一点。 作者的页面http://www.kelvinluck.com/assets/jquery/styleswitch/toggle.html (function($) { $(document).ready(function() { $(‘.styleswitch’).click(function() { switchStylestyle(this.getAttribute(“rel”)); return false; }); var c = readCookie(‘style’); if (c) switchStylestyle(c); }); function switchStylestyle(styleName) { $(‘link[rel*=style][title]’).each(function(i) { this.disabled = true; if (this.getAttribute(‘title’) == styleName) this.disabled = false; }); createCookie(‘style’, styleName, 365); } })(jQuery);

在Chrome和Safari中使用onafterprint

我知道直到最近onafterprint才是IE的原生。 最近HTML5已将其添加到其事件列表中。 我只是成功地在Firefox中使用它,但无法在Chrome或Safari中使用它。 它似乎仅在Firefox中使用时才在身体中使用: 该函数的脚本是这样的: $(document).ready(function() { $(‘.printMe’).click(function() { window.print(); return false; }); }); function printIt() { $(‘#confirmPrint’).show(); }; 通过单击.printMe按钮,它将打开打印窗口。 单击打印或取消将在#confirmPrint显示一条消息。 我并不担心能否分辨出他们是否点击取消或打印。 我只关心它在Chrome和Safari中的function。 任何帮助深表感谢。 我也在使用jQuery,如果这还不是很明显的话。

无法弄清楚为什么Chrome / Safari无法在这里获得ScrollHeight

我刚问了一个问题,为什么某个js代码无法在Chrome和Safari 100%中运行,但经过更多的故障排除后我想我已经发现这是我应该发布的问题。 我有一个页面,里面有一个表格。 此表单的目标是同一页面上的iframe。 iframe是动态的,基于php。 这是我的php iframe内容的底部: 如您所见,我调用一个函数来调整主页面(父页面)中iframe的高度。 这样工作正常,事实上它实际上已经resize,但是在Chrome和Safari中,resize设置的高度应该高于应有的高度。 因此,如果高度为500px,则Chrome和Safari将其设置为大约2000px,这是iframe文档高度的最大值。 为什么是这样? 有人认为,在将scrollHeight发送到resize函数之前,主体没有完全加载吗? 有没有办法让它等到文档完全加载? 令我困惑的一件事是,当我点击主页面上的链接,然后回击时,页面resize效果很好,并且设置为500px,因为它应该在Chrome / Safari中。 但那是我在浏览器中“回”的时候。 嗯,我真的不明白这一点,所以请帮帮我。 谢谢

删除作品但不隐藏?

为选择菜单创建filter并遇到一些问题! 第一个是 $(“#filterContentMenu option:contains(a)”).hide(); 不起作用但是 $(“#filterContentMenu option:contains(a)”).remove(); 确实。 实际上这似乎只是safari的一个问题! 在Firefox中工作?

在Safari中使用blob保存CSV文件

我在下面有代码生成下载链接,以便用户可以在我的网站上下载.csv文件。 var link = document.createElement(“a”); link.id = “csvDwnLink”; window.URL = window.URL || window.webkitURL; var csv = “\ufeff” + CSV, blob = new window.Blob([csv], {type: ‘text/csv, charset=UTF-8’}), csvUrl = window.URL.createObjectURL(blob), filename = ‘export.csv’; $(“#csvDwnLink”).attr({‘download’: filename, ‘href’: csvUrl}); $(‘#csvDwnLink’)[0].click(); document.body.removeChild(link); 我希望用户可以使用csvUrl单击下载链接来下载cvs文件。 它适用于铬。 但是,当我使用Safari单击相同的链接时,它将直接显示选项卡中csv文件的内容。 如何解决此问题,以便safari将显示保存文件窗口,用户可以选择要保存文件的路径,而不是在单击下载链接时直接显示cvs文件的内容? 希望有人可以给我一些建议或替代方法。 提前致谢! ==更新== 在这里找出解决方案 解决方案1 , 解决方案2 代码将是: var link = document.createElement(“a”); link.id […]

使用模糊滤镜时,Safari呈现错误的颜色

我尝试将模糊滤镜应用于svg elment,但似乎Safari无法正确渲染颜色。 这是我的问题的一个例子: http://jsfiddle.net/6gZ8t/1/ 苹果浏览器: 铬: 颜色是正确的每个brwoser驱动Safari,它更明亮…有谁知道解决这个问题?

聚焦事件循环

我有一个问题。 我正在使用jQuery 1.8.2。 我想对焦点事件作出反应,并将fcs重置为特殊条件下留下的元素。 现在我得到了这个非常简单的codesnippet,它在safari中陷入了一个循环,我不知道为什么会发生这种情况……也许你可以帮助我,这是一个非常简单的例子: JS: $(“#test”).focusout( function () { alert(“FocusOut event got triggered.”); $(“#test”).focus(); });​ HTML: ​ 也许你想尝试这个演示: http : //jsfiddle.net/ds38v/3/只需点击进入输入框然后再次离开。

Javascript复制到Safari上的剪贴板?

这可能是重复的问题,但我没有找到解决方案。 我想在按钮点击上复制文字。 它在chrome,mozilla上工作(在windows和mac上工作但在linux上工作)。 它没有在safari工作。 我正在使用document.execCommand(“copy”)命令进行复制。 safari支持这个命令吗? 有没有什么方法可以支持所有浏览器?

Mobile Safari preventDefault()不起作用? Android运行正常

我想要实现的目标在Chrome上完美运行 – Android 4.1但在iOS上却很难实现。 $(document).on(‘mouseenter touchend’,'[id*=mmlink]’, function (e) { var $btn = $(this); var href = $btn.attr(‘href’); var count = ($btn.data(‘click_count’) || 0) + 1; $btn.data(‘click_count’, count); if (count == 1) { $btn.click(function(v) { v.preventDefault(); }); } else { document.location.href = href; } }); 我使用milonic菜单生成子菜单。 我需要使用.on()来选择子菜单。 测试页面: http : //www.wolfbariatrics.com/mmtest/index.htm 我想还有另外一件事只发生在iOS上。 用于safari的远程调试器允许我设置断点,但是一旦我介入或接上它就跟随锚标记。 我已经完全删除了锚标签中的所有事件和href,但仍然无效。

Safari jquery兼容性

我有2个文件我正在处理。 第一个文件是主页面,它使用.load()来显示第二个文件。 Safari在第一页上运行jquery就好了但它似乎没有在通过.load()检索的文件中运行jquery。 我尝试将alert()作为第一行 $(document).ready(function(){}); 它根本不在Safari中运行。 在Chrome中,所有jquery都按预期运行。 可能导致这种情况的任何线索? 编辑:这是我遇到的问题的一个小例子: $(document).ready(function() { $(‘#loadStuffHere’).load(‘example1b.html’); }); 这是第二页(example1b.html): $(document).ready(function() { $(‘#test’).click(function() { alert(“This code executes in Chrome but not Safari.”); }); }); This is what is being loaded