Tag: firefox

Firefox 7.0.1上的Jquery动画滞后: 有谁知道为什么这个非常简单的jquery动画在Chrome等浏览器中完美运行，似乎在Firefox 7.0.1中被窃听？这是动画的链接。如果你在Firefox中尝试它，你会看到动画有时冻结然后重新启动。正如您所看到的，代码非常简单，只有一个动画，没有图像和内联CSS。 HTML： JS： $(document).ready(function () { to_move=$(‘#slider’); to_move.animate({ top: “-1000px” }, 15000,’linear’); }); 谢谢你的帮助。

在Chrome和Firefox上捕捉Backspace是不同的: 我正在尝试创建一个像应用程序一样的控制台，所以我正在抓住窗口上的所有按键并与它们做相关的事情（不重要）。问题在于退格。我有以下代码： $(window).bind(“keypress”,function(e){ var code = e.keyCode || e.which; if ( code == 8) { a = $(“#console”).html(); $(“#console”).html(a.substring(0,a.length-1)); currentCommand = currentCommand.substring(0,currentCommand.length-1); e.preventDefault(); } 但是，在Firefox中， #console内容已删除，但Chrome不会执行上述代码。我需要一个跨浏览器兼容的解决方案。我错过了什么？加成：如果我使用keydown / keyup而不是keypress，我无法检测到characeter是’A’还是’a’它总是返回’A’。

为什么Firefox中的document.body == null而不是Safari: 我有一个页面的问题，我正在尝试使用colorbox （一种jQuery的灯箱）工作。由于document.body在FireFox（3.5.3）中为null ，因此它显然不起作用。在颜色框工作的Safari（4.0.3）中不是这种情况。跳出来的东西是（我正在使用Drupal 6）drupal附加了一个脚本标记，用于在页面的最底部，在结束体和html标签下面设置一些JavaScript变量。否则我没有看到问题。不幸的是，我很难做到这一点。可能是因为这导致FF与身体有问题吗？在Firefox中使用colorbox的示例文件确实有效（并且在那里定义了document.body ）。有没有什么方法可以使用jQuery来重新填充来自$()的document.body属性，或者我应该继续敲打drupal以不在html标签之外放置脚本标签（说起来容易做起来难）？澄清document.body即使在页面加载完成后也为null 。这是一个Firebug控制台捕获： >>> document.body null >>> $().attr(‘body’) null

如何在Firefox插件上使用jQuery 1.5.2+？: 起初我创建了一个函数，它接收了一个参数并返回了jQuery，例如： function getjQuery(window) { /*jquery code*/(window); return window.jQuery; } 但后来我在评论中收到了一封电子邮件，他们告诉我，我必须使用原始文件名的jQuery文件并完全不加修改。我开始寻找替代方案并找到了这个解决方案，但它没有办法。 jQuery对象已创建，但我找不到任何元素。 $(“#id”).length始终为0 。使用以前的方法，它始终被发现。我目前的代码（不起作用） AddonNameSpace.jQueryAux = jQuery; AddonNameSpace.$ = function(selector,context) { return // correct window new AddonNameSpace.jQueryAux.fn.init(selector,context||contentWindow); }; AddonNameSpace.$.fn = AddonNameSpace.$.prototype = AddonNameSpace.jQueryAux.fn; AddonNameSpace.jQuery = AddonNameSpace.$; jQuery文件正在我的browser.xul overlay上加载：我在正确的地方装货吗？如何使用jQuery使用原始jQuery文件修改页面上的内容（HTML），甚至可能吗？

使用Javascript / jQuery将焦点设置为嵌入式Flash影片/ HTML嵌入元素: 有没有办法使用JavaScript将焦点设置为嵌入HTML元素？测试用例：在页面上嵌入YouTubevideo。我无法控制嵌入式Flash元素。那么，有没有办法只使用JavaScript来关注它？我在某地读过，调用element.focus（）方法仅适用于IE。我需要一种独立于浏览器的方式，适用于Chrome / Firefox。谢谢！

window.location.replace（href）后面的后退按钮失败;: 我做了一个简单的函数，使所有容器的行为像链接（“a”元素）。 function allHot(element){ $(element) .click( function(){ var href = $(this).find(‘a’).attr(‘href’); window.location.replace(href); }) .hover( function(){ $(this).css({‘text-shadow’ : ‘0px 1px 0px #D6D6D6’}); }, function(){ $(this).css({‘text-shadow’ : ‘none’}); } ); } function很棒。用户可以单击容器上的任何位置并正确地重定向，而不是单击“更多”按钮。但是，如果用户在重定向后点击后退按钮，则浏览器会返回两步而不是一步。更奇怪的是，历史看起来还不错。简单方案以更好地描述：第1页 – >第2页 Page2 [用户点击“allHot”容器] – > allHot重定向到Page3 Page3 [用户点击浏览器后退按钮] – > Page1 这是我正在努力的网站的主要错误。我真的没有预防它的线索。在Firefox，Chrome和Opera上测试了Bug。还测试了Opera“没有javascript模式”。如果禁用了javascript，则不会发生问题。提前感谢任何线索或解决方案。

使用box-sizing时，jQuery.height（）在WebKit和Firefox中的行为有所不同：border-box: 我有一个textarea应用了以下样式： textarea { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } 如果我然后运行以下javascript / jquery代码，我的textarea的高度将使用Safari（5.0.6）和Chrome（16.0.x）减少一半： $(‘textarea’).each( function() { var $this = $(this); $this.height( $this.height() ); } 根据.height（）的jQuery文档，这是预期的行为，因为.height（）返回内容高度（无填充，边框），无论box-sizing属性如何，但.height（value）设置内容大小对盒子大小的属性进行说明。因此，如果我的textarea具有content-height：17px和padding-height：15px，则.height（）将返回17px。然后，如果我设置.height（17）我曾经是32px高的textarea现在只有17px高。我的真实应用程序是在应用了box-sizing的textareas上使用jQuery.fn.autoResize 1.14（ https://github.com/padolsey/jQuery.fn.autoResize ）。该代码与我上面描述的相似。它在FireFox 10中运行良好。（也就是说，FireFox在获取和设置高度时以更加对称的方式考虑盒子大小。）我的问题是：错误在哪里，我应该在哪里寻找/提出一个解决方法？ jQuery.fn.autoResize插件，jQuery团队，webkit或FireFox？

Firefox上的JavaScript TinyMCE / jQuery竞争条件: 我有一个网站，其表格使用TinyMCE; 独立地，我使用jQuery。当我从Firefox 3（MacOS X，Linux）上的登台服务器加载表单时，TinyMCE无法完成加载。 Firefox控制台中有一个错误，说t.getBody()返回null 。 t.getBody() ，据我所知，从TinyMCE docs，是一个函数，返回文档的body元素，以检查某些function。使用Safari时不会出现问题，也不会在使用从localhost运行的同一站点的Firefox时出现问题。原始的，失败的JavaScript相关代码如下所示： tinyMCE.init({ mode:”specific_textareas”, editor_selector:”mce”, theme:”simple”, language:”pl” }); $(document).ready(function(){ /* jQuery initialization */ }); 我尝试更改脚本加载顺序，将tinyMCE.init() call to the tag containing $(document).ready() call—before, after, and inside this call. No result. When tinyMCE.init() was called from within $(document).ready() handler, the browser did hang on request—looks like it […]

jQuery – css（’border-width’）在Firefox上返回为空字符串但在Chrome上不返回: 我正在尝试用我的jQuery / CSS调试跨浏览器问题。我试图获得一个类的边框宽度。该类在CSS中设置如下： .mod_button { position: relative; color: #fff; border-color: #06253e; border-width: 1px; border-style: solid; } 在jQuery中，我试图获得如下边框宽度： var bWidth = $(‘.mod_button’).css(‘border-width’); 这似乎在Chrome中作为一串“1px”正确返回。但是，在Firefox中，它总是以空字符串“”返回。我已经检查了这些结果，逐步浏览了Chrome和Firefox上的开发人员工具中的JS调试器。我一直在努力调试这个问题，我似乎无法找到任何简洁的答案。也许这里的社区可以告诉我如何解决这个问题。谢谢！

为什么表格单元格的Javascript宽度一个像素太短？: 当你应用border-collapse: collapse; 到一个表“将”它的单元边界“融合”在一起，它开始在确定Javascript中表格单元格的宽度时出现问题。例如，看看这个页面： http://game-point.net/misc/browserTests/scratchpads/jsTableWidth/ 有两个表，一个带有折叠边框，另一个没有。如果你单击没有折叠边框的行中的一行，jQuery的innerWidth和outerWidth函数会报告我期望看到的内容（内容宽度，内容加上边框宽度;没有填充）。但是，如果单击带有折叠边框的表中的行，则会出现浏览器不一致的行为，尤其是在clientWidth属性上。在Firefox中， clientWidth与width()相同。在IE和Chrome中，它高出1个像素，在Opera中，它与width()相同，但Opera的width()太小。事实上，除了Firefox之外，我测试的所有浏览器中的width()都是一个太小的像素。因此，如果您截取屏幕截图并且内容实际为80px，则width()为79px（jQuery从计算的CSS值中获取）。为什么是这样？我想要获得实际内容的宽度。我似乎无法使用width()因为只有Firefox才能使用折叠边框。我不能使用outerWidth()因为它包括边框（或者可能只是一个边框，因为它只比实际内容宽度大1px）。我不能使用clientWidth因为它的值在浏览器之间是不一致的。当边框折叠时，我应该怎么做以及为什么在大多数浏览器中width() 1px太短？