Tag: google chrome

Chrome中的Spinner，IE9在同步ajax get请求期间不会显示: 我希望我的用户在ajax请求期间看到一个微调器。我的微调器在Firefox 13上工作得很好。但是，在Chrome和IE9中它没有用，虽然我的ajax请求需要很长时间。喜欢1,2秒。 $(‘#fileManager’).on(‘click’, ‘.navSpan’, function() { /* show spinner */ $(‘.fileManager-spinner’).show(); /* synchronous ajax fetch and manipulation goes here */ /* hide spinner when done */ $(‘.fileManager-spinner’).hide(); } 如果我删除$(‘.fileManager-spinner’).hide(); 线，它变得可见，并开始在Chrome和IE中旋转。但是，当该行存在时，它不会变得可见。或者，如果我调试代码并暂停.show()和.show()之间的执行，它也会保留在屏幕上。但正如我所说，在正常情况下，不可能看到旋转器。这是微调器。下面是微调器css。 .fileManager-spinner { position:relative; top: 50%; left: 50%; margin-left: -50px; /* half width of the spinner gif */ margin-top: […]

在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，如果这还不是很明显的话。

UI在某些浏览器中冻结，同时在选择jquery时删除密码字段的最后一个字符: 我在我的项目中使用jQuery 选择的插件，这个问题发生在试图编辑任何input type=”password” （删除密码字段中的最后一个字符），只要.chosen()绑定到任何选择下拉列表上同一页。我可以在chrome浏览器（版本26.0.1410.43 m）上重现这个问题，尽管人们在Firefox和其他浏览器上也发现了这个问题。这发生在选择应用于下拉列表的任何页面上。该问题似乎仅影响input type=”password”字段。将类型更改为text可修复UI冻结问题。那么，这个问题背后的主要原因是什么？我发现了一个类似的问题，正在使用jQuery UI – JQuery UI对话框：密码输入导致冻结那么，你们采取了什么方法。在上面提到的链接中有一个解决方法，但是我正在寻找更好的解决方案。

你的DOM中有很多元素是不是很糟糕？: 我正在为他们的商店橱窗制作房地产非交互式展示。我踢了jCarousel做我想做的事：每个AJAX添加面板接近当前集合的末尾，去和AJAX一些新面板并插入它们这样可以正常工作，但是在前面的元素上调用jQuery的remove()会导致丑陋的碰撞。我不确定调用hide()是否会释放任何资源，因为元素仍然存在（并且元素将在屏幕外无论如何）。我已经看过了，并在回调中尝试了carousel.reset() 。它只是清除所有元素。这将在Windows XP上的Google Chrome上运行，并且只会在液晶电视上显示。我想知道，如果我找不到合理的解决方案来删除额外的DOM元素，它会让我的应用程序爬行，还是Chrome会做一些聪明的垃圾收集？或者，你会如何解决这个问题？谢谢

无法弄清楚为什么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中。但那是我在浏览器中“回”的时候。嗯，我真的不明白这一点，所以请帮帮我。谢谢

如何使用jQuery以编程方式点击Gmail中的“在下方显示图片”？: 我正在创建一个谷歌浏览器扩展程序，使用jQuery为Gmail中的“在下方显示图片”链接添加键盘快捷键。我尝试了以下方法来模拟点击失败： $(“#canvas_frame”).contents().find(“span:contains(Display images below)”).mousedown().mouseup().click(); $(“#canvas_frame”).contents().find(“span:contains(Display images below)”).click(); $(“#canvas_frame”).contents().find(“span:contains(Display images below)”).mousedown(); $(“#canvas_frame”).contents().find(“span:contains(Display images below)”).mouseup(); $(“#canvas_frame”).contents().find(“span:contains(Display images below)”).trigger(‘click’); 有人能指出我正确的方向吗？谢谢。

为什么我不能为backgroundPosition设置jquery 1.4.4的动画？: 我在这里看到jquery 1.5.0中缺少backgroundPosition动画是一个已知的bug。它还没有修好吗？看看这个jsfiddle ，在jquery 1.4.4中使用backgroundPosition动画，然后查看这个，看看它甚至在jquery 1.7.1中都不起作用。什么时候他们要解决这个问题？我想知道，因为我刚在Chrome控制台中看到一条警告说： event.layerX和event.layerY在WebKit中被破坏和弃用。它们将在不久的将来从发动机中移除。我担心我将继续使用jquery 1.4.4来制作动画function，但Chrome会在下次更新时提取function。 UPDATE 接受的答案是，使用background-position-x和y的想法不适用于Firefox。现在我将不得不回到1.4.4，直到找到更好的解决方案。

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

在开放（聚焦）“选择”元素中非常奇怪的Chrome行为: 这是一个元素： Hello Banana Balloon Something Potato Cleveland 这里有一点JavaScript（jQuery“ready”处理程序）： $(function() { function foo() { var s = $(‘select’).find(‘:selected’); } setInterval(foo, 200); }); 这是这个问题的jsfiddle。。处理程序设置一个间隔计时器，每隔200毫秒，它会找到当前选择的，并且对它没有任何作用。当我在Chrome中运行小提琴（13.0.782.112），然后单击元素，然后尝试选择一个条目时，选择突出显示会继续跳回到第一个选定的元素。我可以点击所显示的任何元素，当然，然后它会在下次执行相同的操作。现在，如果我更改计时器处理程序，以便它不使用jQuery来查找当前选择的元素，如下所示： $(function() { function foo() { var select = $(‘select’)[0]; var s = $(select.options[select.selectedIndex]); } setInterval(foo, 200); }); 然后我不再看到效果了。 Firefox不会这样做。我还没试过Safari。就个人而言，我觉得这里有些事情做错了。是Chrome吗？ jQuery的？编辑 – 还有一个细节 – […]

canvas标签在chrome中生成黑色块: 这非常令人沮丧。如果我没有设置canvas的高度和宽度，canvas画得很好，但是当我设置高度和宽度时，我会得到一个黑盒子。我已经将我的代码剥离到疯狂的程度，并且找不到任何问题。 canvas标签在FF和IE9中运行良好。 var canvas = document.getElementById(‘can1’); var ctx = canvas.getContext(‘2d’); canvas.width = 280; canvas.height = 270; ctx.clearRect(0, 0, canvas.width, canvas.height); 即使只是这样也会破坏Google Chrome中的canvas。无论我绘制多少，如果设置了高度或宽度，它都会失败。如果我用css设置高度或宽度，它会产生扭曲的结果。有任何想法吗？更新：我发现如果我的canvas足够小，它可以在chrome中使用。但是我需要一个280×270而不是100×100的canvas