Tag: 跨浏览器

使用jquery从动态iframe访问父文档: 这个问题是这个问题的延续。我使用以下代码将动态附加到文档。 var _hf_iFrame = document.createElement(“iframe”); _hf_iFrame.setAttribute(“id”, “_hf_iFrame”); _hf_iFrame.setAttribute(“name”, “_hf_iFrame”); _hf_iFrame.setAttribute(“allow-transparency”, true); _hf_iFrame.setAttribute(“style”, “height: 354px; width: 445px; border: 0; top: 23%; position: fixed; left:0; overflow: show; background:transparent;”); document.body.appendChild(_hf_iFrame); _hf_iFrame.setAttribute(“src”, “javascript:false”); var myContent = ” + ‘Helpflip’ + ”; _hf_iFrame.contentWindow.document.open(‘text/html’, ‘replace’); _hf_iFrame.contentWindow.document.write(myContent); _hf_iFrame.contentWindow.document.close(); 加载，我尝试使用以下代码为其设置动画 $(‘#_hf_iFrame’, top.document).animate({ ‘margin-left’: ‘-400px’ }, 300).animate({ ‘margin-left’: ‘-380px’ }, 150).animate({ ‘margin-left’: […]

只有在体内单击鼠标一次后，Onbeforeunload才会起作用: 经过漫长的一天试图找到解决这个问题的方法后，我不断遇到同样的问题。基本上，我有一个网站，如果用户点击“浏览器刷新”按钮，我想弹出一个“你确定”的警告框，其中包含选项“重新加载”和“不重新加载”（基本上，浏览器返回的内容）。令人惊讶的是，它在IE中运行得很好。但是在chrome或firefox中，刷新通常没有弹出窗口。弹出窗口仅在我点击身体某处然后单击“浏览器刷新”按钮时才会出现。我已经有以下和其他许多类似的替代方案： window.onbeforeunload = function (e) { e = e || window.event; // For IE and Firefox prior to version 4 if (e) { e.returnValue = ‘Any string’; } // For Safari return ‘Any string’; }; 我尝试使用’trigger（’click’）’，’。click（）’事件模拟页面加载时的点击事件。但是，直到我自己（身体上）点击身体后仍然无效。我创造了一支短笔，它复制了我面临的问题。任何帮助将非常感谢。提前致谢。

选择中的选项上的mousedown事件在IE中不起作用，有没有解决方法？: 以下代码段是为了避免在多选框中按住Ctrl键单击但它在IE 8中不起作用。有没有什么工作可以在IE和其他IE版本中实现相同的目标？ $(‘option’).mousedown(function(e) { e.preventDefault(); $(this).prop(‘selected’, !$(this).prop(‘selected’)); return false; });

jQuery动画只能在IE中工作: 我有一个非常简单的动画，如果我在屏幕的侧面有一个标签，如果你点击它，它会增加大小。但它只适用于IE，这里是代码： $(function(){ $(“#a-tab > *”).focusin(function(){ $(“#a-tab”).animate({width:’320px’}); }); $(“#a-tab > *”).focusout(function(){ $(“#a-tab”).animate({width:’10px’}); }); }); 由于内部内容，它必须是#a-tab > * 这是问题，如何使其与Chrome，Firefox等兼容。

jQuery / Javascript：所有浏览器中的scrollTop值？: 也许其他几个已经问过但我找不到任何问题的答案…… $(window).scroll(function() { // Only works in Firefox and I guess in Opera console.log(document.documentElement.scrollTop); // Only works in Chrome and Safari console.log(document.body.scrollTop); }); 我需要这个scrollTop值在每个浏览器中都是正确的！那是怎么回事？提前致谢

IE（FF）中的$（window）.height（）问题: 我编写了一个脚本，在我的页面中创建一个动态大小的div （#table）。我还有一个菜单（#menu），内部有一个nav ，用于确定最小高度。在Chrome和Safari中，一切正常，但在IE / FF中并没有那么多。在两者中我都有同样的问题：如果我全屏加载页面然后我用最小化按钮最小化它，它需要错误的$(window).height() 。如果我将它重新加载最小化，它可以正常工作，我甚至可以resize以使div调整好。我把一些图像清楚地说明了我在说什么。有了FF我还有另外一个问题。当窗口大小大于菜单时，它总是在div的底部有一个空格。它就像我在其他浏览器中应用的值不适合Firefox。这个问题只与身高有关。动态宽度工作正常。我的浏览器版本如下：我认为它们是最新版本。 Chrome 21.0.1180.89 m Safari 5.1.7 Internet Explorer 9 Firefox 14.0.1 这是我的javascript / jQuery代码： $(function(){ $(‘#menu’).css({‘height’:(($(window).height())-350)+’px’}); $(‘#table’).css({‘height’:(($(window).height())-225)+’px’}); $(‘#table’).css({‘min-height’:(($(‘nav’).height())-15)+’px’}); $(‘#table’).css({‘width’:(($(window).width())-135)+’px’}); $(window).resize(function(){ $(‘#menu’).css({‘height’:(($(window).height())-350)+’px’}); $(‘#table’).css({‘height’:(($(window).height())-225)+’px’}); $(‘#table’).css({‘width’:(($(window).width())-151)+’px’}); }); }); 页面样式的一部分： /* NAV */ #line{ width:1px; position:absolute; left:147px; top:123px; bottom:0px; background-color:#b3b3b3; } nav{ […]

iframe背景图片在Firefox中显示正常但在IE中没有显示: 为什么IE在iframe中没有像firefox那样显示BG mage？我没有iframed页面的访问权限。任何CSS或JavaScript解决方案

使用jQuery是跨浏览器兼容性的保证吗？: 我注意到在JavaScript中编写跨浏览器兼容的代码在某些情况下可能有点困难。使用jQuery保证我的JavaScript代码适用于所有浏览器吗？

jquery opacity跨浏览器？: 是jQuery(‘#selector’).css({‘opacity’:50}); 跨浏览器？我问的唯一原因是因为我们通常在css上使用下面的行 -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;

是否可以使用jQuery.Support检查PNG支持？: 我的问题是关于jQuery支持系统。我想知道是否可以使用此方法判断浏览器是否支持半透明背景PNG图像。编辑：我对特定问题的CSS解决方案不感兴趣。我想知道jQuery支持检查系统是否可以检查这一点。我很欣赏这个建议，但我正在尝试找到有关jQuery supportfunction的一些特定信息。