Tag: 跨浏览器

我的jQuery代码无法在IE中运行

下面的代码在Chrome和FF中晃动但在IE中没有工作我在SO中检查了类似的问题。 有些人没有帮助我,有些我无法理解,因为我是jQuery的新手。 请帮我修复此错误。 $(document).ready(function(){ $(function(){ $(‘#container’).load(‘mypage.aspx #div1’); }); });

跨浏览器事件处理和jquery支持

只需阅读ppk的网站,IE注册事件的机制就不会this对象设置为被点击的实际元素。 相反,它引用全局窗口对象。 以下内容引自他的网站: 但是,当您使用Microsoft事件注册模型时,this关键字不会引用HTML元素。 结合Microsoft模型中缺少类似currentTarget的属性,这意味着如果你这样做了 element1.attachEvent(‘onclick’,doSomething) element2.attachEvent(‘onclick’,doSomething) 您无法知道当前处理该事件的HTML元素。 这是Microsoft事件注册模型中最严重的问题,对我而言,它永远不会使用它,即使在IE / Win仅应用程序中也是如此。 jQuery正确处理这个! 我的意思是如果我们做的事情如下: $(element).click(function(){…}); this指的是问题中的元素。 jquery如何处理IE浏览器? 它的等效js代码是什么?

如何修复此jquery函数在IE中工作?

我是相对较新的Javascript,但设法以某种方式使这个代码工作在chrome,firefox,safari但它在IE上没有正确。 首先看一下这段代码,然后我会解释一下似乎没有用的东西: $(function () { var transition = ‘slow’; var target1 = $(‘#flash1’); var target2 = $(‘#flash2’); var target3 = $(‘#box2’); var target4 = $(‘#tble’); var target5 = $(‘.links’); var target6 = $(‘#wording’); target1.delay(1000).fadeIn(); target2.delay(2000).fadeIn(); target3.delay(3000).fadeIn(); target4.delay(4000).fadeIn(); target5.delay(5000).fadeIn(); target6.delay(6000).fadeIn(); }); $(document).ready(function () { $(“#this_is_button”).click(function () { $(“#box2”).hide(); $(“#tble”).hide(); $(“.links”).hide(); $(“#second_pls”).show(); $(“#box2”).css(“background”, “black”); }) }); $(document).ready(function […]

如何使用javascript滚动iFrame

我有几个加载外部网页的iFrame,虽然一次只出现1个,因此我想要添加到按钮(而不是滚动条)的id =“iFrame”,这样用户可以按下它们向下或向上滚动,我试图用javascript做到这一点,但到目前为止我一直没有成功,我在这里读了一些post并尝试了这些 答案,但到目前为止还没有运气。 我也尝试过: var newFrame = document.getElementsByTagName(‘iframe’); if(typeof newFrame !== ‘undefined’){ newFrame.contentWindow.scrollBy(0,250); 和 var myframe = document.getElementById(window.frameElement[0].id); myframe.window.scrollBy(0,50); 到目前为止没有任何结果,任何人都可以让我知道我错过了什么或做错了什么? 谢谢!

Jquery text()与IE7中的标题进行比较

在这里回答我的上一个问题: Jquery检测tab navi的相同类和文本 我已经成功地在除IE 7之外的所有浏览器中工作.IE 8,9 FF 5,6 Safari和Chrome都能正确实现我的代码,除了ie7。 有人建议吗? 小提琴http://jsfiddle.net/arkjoseph/3FrDY/

如何检测浏览器何时保存密码?

我试图检测浏览器何时将保存的用户名和密码放入输入字段。 我看过这篇文章 ,但我没有选择更改此function,其他解决方案也无效。 基本上,如果字段在加载时为空,我有一个禁用的登录按钮。 但是当浏览器填写输入时,它不会启用该按钮。 我正试图找出它是如何变化的。 我正在使用jQuery和JS。 我试过.change,on .ready,on .load等等。 它似乎发生在.load事件之后。 有谁知道解决这个问题? 我想避免使用任何类型的超时。

JQuery.ready为时已晚:如何在渲染之前使用JQuery应用CSS值?

我希望能够将不透明度应用于某些元素,以便仅在启用javascript时才使它们不可见。 我不想使用display:none因为我希望布局就好像它们在DOM中一样,所以将opacity设置为0是完美的。 我希望能够使用JQuery使用JQuery设置此初始值,因此我不必混淆浏览器在不透明度(以及许多其他)属性上的差异。 但如果我像这样将不透明度设置为0: $(document).ready(function() { $(“#header”).css(“opacity”, 0); $(“#header”).animate({opacity:1}, 500); }); …它已经在屏幕上可见的一半时间显示并消失。 如何在使用JQuery渲染之前设置这些css值? 寻找一个仅限JQuery的解决方案,所以我不必手动处理每个浏览器实现,如下所示: #header { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }

Javascript / jQuery outerHeight()

是$(‘#idOfLememt’).outerHeight(); 所有浏览器产生相同的结果? IE7的任何不同之处?

CSS,与新浏览器上的样式输入按钮相关的Javascriptfunction问题? (IE 8/9,FF 9)

我正在一个网站上,我有一个输入按钮(使用CSS样式),这是一个表单的一部分。 例如,请参阅下面的示例代码 我刚刚发现一个问题,如果用户点击按钮,它会移动几个像素,然后间歇性地发生预期的操作。 但间歇性的 ,我的意思是有时候它可以工作(将用户重定向到下一页),有时候没有任何反应。 之前从事过这方面工作的开发人员没有详细记录他的代码,所以我在这里尝试从头开始工作(因此缺乏细节)。 无论如何,在测试代码之后,似乎问题在于新的浏览器如何呈现css和javascript。 这是按钮function背后的javascript片段: $(“#buttonsavejs”).click(function(){ $(“#main”).unbind(“submit”).submit(); 以及为按钮设置样式的CSS .button_style { height:28px; margin-left:10px; position:relative; right:10px; top:-23px; width:100px; } .button_image { background-image:url(http://some_image); border-bottom-width:0; border-color:initial; border-image:initial; border-left-width:0; border-right-width:0; border-style:initial; border-top-width:0; display:block; font-size:1px; line-height:1px; outline-color:initial; outline-style:none; outline-width:initial; overflow-x:hidden; overflow-y:hidden; position:relative; text-indent:-9999px; } 此外,我注意到一个非常类似的问题: 为什么鼠标点击并不总是适用于样式输入按钮? 到目前为止我能够找到的另一件事。 在IE 9的开发人员工具中,如果我将文档模式切换到IE 8或9以外的任何其他模式,则该按钮的行为应该如此。 所以我有一个想法是将X-UA-Compatible设置为IE 7,看看是否能解决它,显然,这就是IE中文档模式的工作方式: IE8浏览器模式与文档模式 问题 :在使用FF(早期版本<9.0),IE 7进行测试后,我注意到按钮按预期工作。 但在FF 9,Chrome […]

Safari jquery兼容性

我有2个文件我正在处理。 第一个文件是主页面,它使用.load()来显示第二个文件。 Safari在第一页上运行jquery就好了但它似乎没有在通过.load()检索的文件中运行jquery。 我尝试将alert()作为第一行 $(document).ready(function(){}); 它根本不在Safari中运行。 在Chrome中,所有jquery都按预期运行。 可能导致这种情况的任何线索? 编辑:这是我遇到的问题的一个小例子: $(document).ready(function() { $(‘#loadStuffHere’).load(‘example1b.html’); }); 这是第二页(example1b.html): $(document).ready(function() { $(‘#test’).click(function() { alert(“This code executes in Chrome but not Safari.”); }); }); This is what is being loaded