Tag: 跨浏览器

如何使用jquery animate滚动到元素跨浏览器: 这段代码： jQuery(‘body’).animate({scrollTop: target.offset().top}, 300); 适用于Firefox，但不适用于Chrome。这段代码： jQuery(‘html’).animate({scrollTop: target.offset().top}, 300); 适用于chrome，但不适用于Firefox。我还没有在IE中测试过。跨浏览器的正确方法是什么？如果从上面的片段中不清楚，我的目标是页面上的div，我想慢慢向下滚动到它，所以他们完全按照我想要的那样做…只是不跨浏览器。

jQuery .ajax调用bit.ly返回IE中的结果但不返回FF或Chrome: 我试图使用带有.ajax调用的jQuery来调用bit.ly URL缩短服务。更新我想知道这是否是跨域安全问题？我正在从mysite.com打电话到bit.ly jQuery.fn.shorten = function(url) { var resultUrl = url; $.ajax( { url: “http://api.bit.ly/shorten?version=2.0.1&login=twipler&apiKey=R_4e618e42fadbb802cf95c6c2dbab3763&longUrl=” + url, async: false, dataType: ‘json’, data: “”, type: “GET”, success: function (json) { resultUrl = json.results[url].shortUrl; } }); return resultUrl; } ; Shorten 这适用于IE8，但在FireFox（3.5.9）和Chrome中都不起作用。在这两种情况下，’json’都是null。 IE8中的标题 GET http://api.bit.ly/shorten?ver..[SNIP]..dtotheinternet.com HTTP/1.1 Accept: application/json, text/javascript, */* Accept-Language: en-US Accept-Encoding: gzip, deflate […]

Internet Explorer是否支持arguments.callee.name？: 我知道我可以通过使用获得当前运行function的名称 arguments.callee.caller.name 但这在Internet Explorer （任何版本）中都不起作用。什么是正确的跨浏览器语法？是否存在变通方法？

对于大多数浏览器，什么技巧会在浏览器窗口中提供最可靠/兼容的声音警报: 我希望能够在浏览器窗口中使用Javascript播放警报声，最好是需要任何浏览器插件（Quicktime / Flash）。我一直在尝试使用Javascript中的标记和新的Audio对象，但结果是混合的：如您所见，没有适用于所有浏览器的变体。我是否会错过更多跨浏览器兼容的技巧？这是我的代码： // mp3 with Audio object var snd = new Audio(“/sounds/beep.mp3”);snd.play(); // wav with Audio object var snd = new Audio(“/sounds/beep.wav”);snd.play(); // mp3 with EMBED tag $(“#alarmsound”).empty().append (”); // wav with EMBED tag $(“#alarmsound”).empty().append (”); }

如何关闭服务器端按钮中的当前选项卡？: 我在确认之后尝试关闭当前标签，所以我将以下代码放在我的确认按钮的末尾，但是标签没有关闭！ string jScript = “close_window();”; ClientScript.RegisterClientScriptBlock(this.GetType(), “keyClientBlock”, jScript);

webkit浏览器正在获取elements.width（）错误: 我试图获得正确的容器计算宽度。所有浏览器都正确获得计算出的宽度。（甚至是IE）但令人惊讶的是Chrome和webKit浏览器正在获得有线号码。我试图获得的总宽度，包括其边框和填充+其边距右。然后将其乘以的长度，以获得保持它们所需的确切宽度我用宽度计算来追踪问题。任何人都可以告诉我什么是错的。谢谢 HTML Upload images Choose Theme JS var videoContext = $(“#horizontalBelt”), videoBeltUL = videoContext.find(“ul”), videoBeltLI = videoContext.find(“li”), videoLength = videoBeltLI.length, videoWidth = parseInt(videoBeltLI.eq(0).outerWidth())+parseInt(videoBeltLI.eq(0).css(“marginRight”)), beltTotalWidth = videoLength*videoWidth, // js goes on…. beltTotalWidth在webKit中具有不同的值。

IE中的jQuery fadeIn，fadeOut效果: 下面的fadeIn ， fadeOut效果在Firefox 3.0中运行良好，但它在IE 7中不起作用…哇，那是什么诀窍？这个想法当然是为了获得“眨眼”效果并吸引用户注意到表格中的特定行。 function highLightErrorsAndWarnings() { $(“.status-error”).fadeIn(100).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300); $(“.status-warning”).fadeIn(100).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300); } 更新：发现愚蠢的问题……“。status-error”指向tr元素。可以设置背景颜色并在Firefox中的tr上淡化它，但不能在IE中。将“CSS指针”更改为“.status-error td ”使其指向tr下方的td，并且所有浏览器中都可以使用。

jQuery和浏览器兼容性: 哎呀！我多年来一直是开发人员，并一直试图强调与尽可能多的系统兼容的代码。最近，我购买了jQuery in Action这本书并开始阅读它。我对所包含的源代码似乎无法在我当前计算机上的任何一个浏览器上正常工作感到非常不安。具体来说，我下载了本书的源代码并为第2章选择了“jQuery选择器实验室”。但它并没有看到它在书中的作用。在Google Chrome上，DOM Sample和DOM Sample Code窗格都是空的。在IE7上，事情看起来更接近它们在书中出现的方式。但是DOM示例代码窗格中的源代码全部在一行上（向右延伸，在页面外）。请注意，本书中的屏幕截图是在Mac上运行的浏览器。我很好奇用户在使用jQuery时遇到了什么样的跨浏览器兼容性，以及这种启示对于那些希望尽可能兼容并计划使用jQuery的开发人员意味着什么。

.height（item.height（））在IE中jquery太慢了！备择方案？: 我试图设置绝对定位项的高度以匹配其容器元素的高度。问题是这些元素有数百个。标题中的标准代码在chrome中运行得很好，但在IE中拖得很疯狂。我该如何缓解这个问题？ //Too SLOW in IE var starttime = new Date().getTime(); $(“#grdSchedule > tbody > tr”).each(function(i) { thisRow = $(this); thisRow.children(“.stickyCol”).height(thisRow.height()); //thisRow.children().slice(0, 1).css(‘height’, thisRow.css(‘height’)); }); var taskTime = (new Date().getTime() – starttime) / 1000; alert(“cell height stretch: ” + taskTime); 似乎只是设置高度并不会使它变得那么多，但是从其他东西的.height（）设置高度确实会导致IE窒息。我试过.css（）而不是一点点提升但不是很多。这是一个小提琴：小提琴！

隐藏固定透明标题下的滚动内容，滚动背景: 让我们说我有一个背景图像，一个带有透明部分的固定标题图像，一个带有半透明背景的内容div和一个传统标题/内容/页脚布局中的动态高度。我想要实现的效果：在固定标题下滚动背景和内容（内容隐藏和背景显示）。我已经阅读了一些相关的主题，例如在透明标题下隐藏滚动内容等。但是它们也处理了背景也可以修复的情况。我的必须是可滚动的。我设法通过将相同的背景图像添加到标题图像div的包装div并在窗口滚动事件上使用jQuery .scrollTop()滚动它来获得我需要的东西。参考： jsbin示例参考： jsFiddle示例在所有名为Firefox的浏览器中，这种方法的问题都是非常糟糕的同步（有些滞后，撕裂）。澄清：内容的高度将是动态的。 10000px我刚刚选择了这个例子。我希望它经常达到，有时更多（AJAX提要），并且在某些页面上它可以接近0 。这就是我同步.height()的原因。请记住，底部的页脚div位于内容div下。我认为必须有更好的方法。有什么建议？