Tag: safari

订购/排序文本和数字适用于Firefox和Chrome,但不适用于Safari

我编写了一个jQuery脚本来按年份对结果进行排序,这在大多数浏览器中都能正常工作。 在safari浏览器的情况下,结果列出如下: 2006 ALL 2007 2008 2009等 当然列表应该是这样的。 所有2006 2007 2008 2009等 我不明白为什么结果会有所不同。 var li = $(‘#filter .milo-filter’); li.sort(function(a, b) { if(parseInt($(a).text()) > parseInt($(b).text())) return 1; else return -1; }); $(‘#filter’).empty().html(li); All 2015 2011 2006 2007 2008 2013 2010 2009 2014 2012 这是一个Codepen,以便更好地理解。 http://codepen.io/scooma/pen/yJKxPJ

使用JQuery在Safari中捕获“Command + R”

我需要拦截Safari中的浏览器重新加载function(我知道这通常不是应该做的事情,但在我的情况下,这是有道理的)。 对于Windows我只是这样做: $(document).keydown(function(event) { if ( event.which == 116 ) { restart(); return false; } }); 我是否需要使用JQuery插件同时捕获两个密钥,或者这已经以某种forms在JQuery中实现了? 另外,Mac下的键码是否与Windows下的键码相同? (“Command”是键码“17”,“r”是“19”?)或者命令键是“55”而“r”是“15”? (使用此来源: http : //boredzo.org/blog/archives/2007-05-22/virtual-key-codes

Webkit 的解决方法javascript选择焦点错误(在字段之间使用选项卡时)

类似的问题出现在这里: 3380458 : 尝试使用以下jquery选择焦点时,它在webkit中不起作用: $(‘#out’).focus(function(){ $(‘#out’).select(); }); 实际上,Webkit [Chrome / Safafi]不会在Focus上选择字段中的所有文本。 这是一个已知的错误,其解决方法如下所示。 当通过鼠标点击发生焦点时,这提供了使用jquery工作的解决方法: $(‘#out’).focus(function () { $(‘#out’).select().mouseup(function (e) { e.preventDefault(); $(this).unbind(“mouseup”); }); }); 问题:当通过按Tab键(当它之前的字段处于焦点时)聚焦字段时,此解决方法不起作用。 光标出现在字段的开头,未选择任何文本。 我尝试了一些东西,但无法按摩这个工作方式。 非常感谢 – 詹姆斯

ajax表单提交不适用于iPhone Safari

我创建了一个允许用户选择照片的表单。 选择后,表单将通过ajax自动提交(而不是使用标准的提交按钮)。 它适用于所有浏览器,但它不适用于Safari的移动版本。 我的HTML: 我的javascript: $(‘:file’).change(function(){ var formData = new FormData($(‘form’)[0]); $.ajax({ url: ‘php/upload.php’, //server script to process data type: ‘POST’, success: uploadComplete, // Form data data: formData, //Options to tell JQuery not to process data or worry about content-type cache: false, contentType: false, processData: false }); }); 在iPhone Safari上,更改处理程序函数被称为罚款,但ajax调用失败。 有什么建议?

Float和Inline-block有时在webkit中不起作用

我检测到一个问题,影响位于列中的div与float和display: inline-block 。 让我举两个例子: 在第一种情况(左)中,名称“Altair”和“Log-Out”按钮位于显示内联块中。 所需的结果显示在第一行,当我用JQuery动态修改div的内容时,总是会发生什么,如第二行所示。 当我第一次写完所有的html时,一切都是正确的。 在另一种情况下(右),数字“21”定位为float:left,然后推动月份和年份。 在这种情况下,内容总是与JQuery一起插入,当我刷新页面时,第二行中显示的问题仅显示为SOMETIMES。 5次中的1次,或多或少。 正如您所看到的,Chrome控制台说div的宽度为0px,这可能就是触发问题的原因。 我可以在Safari中重现第一个案例(左),但不能重现哦(右)。 我无法重现Firefox和Opera中的错误,那么我认为这与Webkit有关。 你知道发生了什么吗?我可以解决这个问题吗? 感谢您的关注。 HTML和CSS第一种情况: Log – Out #login-widget .name { display: inline-block; vertical-align: middle; margin-right: 6px; } #login-widget .button { border: solid 1px; border-radius: 5px; cursor: pointer; display: inline-block; vertical-align: middle; } 其他案例的HTML和CSS: #agenda-widget .date { margin: 0; font-size: 12px; } #agenda-widget .day […]

jquery和safari 7 – slideToggle和fadeToggle无效

嗨,我在这个页面homestartpage .com上有相当多的jquery 除了新版本的Safari之外,它在我测试过的每个浏览器上都能正常工作。 问题是当你拖动该页面上的一个方块时,你应该注意到顶部标题栏上的其他小蓝色方块旁边有一个小方块,里面有一个垃圾桶图标。 这使用fadeToggle并适用于除safari 7之外的所有内容 另一个问题是,当您点击标题上最右边的蓝色方块并且上面有人的图标时,会出现一个下拉菜单。 这使用slideToggle并且再次对safari 7不起作用 任何想法? 谢谢

jQuery .on(’click’,..不会在safari中触发

我有这些动态添加到html表的图标。 其中一个是垃圾桶。 单击它时,应删除该行。 在开发过程中,我在Firefox,Chrome和IE中进行了测试,这一切都像魅力一样。 但现在有一个Safari用户注意到Safari中根本没有触发点击。 我下载并安装了最新版本的Safari for Windows来检查自己,当点击垃圾桶图标时确实没有任何反应。 奇怪的是,该页面在其他元素上有更多点击事件,在Safari中完美运行。 它们都使用.on()和.off()。 (有些只是一个.click())。 我的代码: /** * Delete row from html table */ $(document).on(‘click’, ‘.deleteRow’, function() { $(‘#row_’ + $(this).attr(‘id’).substr(4)).remove(); }); 你可以看到不是很复杂的jQuery代码。 有谁知道为什么它在Firefox,Chrome和IE中有效,而在Safari中却没有? 编辑:此外,我注意到Safari中的另一个奇怪的行为。 在CSS中,我将光标指向一个指针。 同样,所有浏览器,但Safari正确添加CSS规则。 类.deleteRow的标记是标记.. 编辑: html = ”; html += ”+domain+’.’+ext+’ ‘+stars+”; html += ”+b+”; html += ”+term+’ jaar€ ‘+(parseFloat(data.price).toFixed(2)).toString().replace(‘.’,’,’)+”; html += ”; html += […]

Jquery jscrollpane插件错误

当我尝试在Safari 4中实现jSrollpane时出现此错误: TypeError:表达式’$ drag [0]'[undefined]的结果不是对象。 然后,当我在Chrome中尝试相同的操作时,我收到此错误: 未捕获的TypeError:无法读取未定义的属性’offsetHeight’ 但为什么? 它在FF中运行良好。 有任何想法吗?

“XMLHttpRequest无法加载文件:/// …预检响应不成功”错误

我正在构建一个网站,该页面使用Jquery .load()函数加载导航栏和其他一些资源(如下面的代码所示)。 $(function () { $(“#navbar-placeholder”).load(“subpage_navbar.html”); }); 在safari 5中我的计算机本地查看.html文件时一切正常,它曾经在safari 11中正常工作,但现在当我尝试打开文件时出现错误: XMLHttpRequest无法加载file:/// …预检响应不成功 是否有任何偏好我需要在Safari中进行更改以便像以前一样工作?

Jquery条件适用于除safari之外的所有浏览器

在iPhone和iPad上的Safari中,我为条件语句设置的选择器不起作用,并导致每个ajax请求都有重复的内容。 它适用于android,chrome,firefox,即safari的桌面版本。 $(‘li.micropost’).each(function() { var nlform, nlid; nlid = $(this).data(‘url’); if ($(“li#post” + nlid + ” div.nl-field”).length === 0) { nlform = new NLForm(document.getElementById(“post” + nlid)); } }); 这是html <li id="post” class=”micropost” data-url=””>… 当nlform变量存在时,它将以下div添加到其各自的列表项 … 如果没有nlform变量集,这就是 标签内部html的样子 { :id => “nl-form”, :class => “nl-form” }, :url => microposts_path, :authenticity_token => true) do |f| %> <button […]