Tag: 谷歌铬

当hover时不透明度发生变化时,Google Chrome中的背景转换

我有一个使用Jquery设置的hover效果,它改变了hover元素的不透明度。 它适用于所有最近的浏览器,除了Chrome,它会改变身体元素的背景。 这是链接: http : //wrong.ro/tataia/ 我的工作环境如下:Google Chrome v18.0.1025.162 / Windows 7 x64。 这有什么解决方法吗? 提前致谢!

chrome上的Jquery width()函数给出了加载和重载时的不同值(F5)

我不知道发生了什么,但我有这样的菜单设置   问题是div.puntero是一个div,当它hover在不同的indice_item上时跟随鼠标。 我用jquery做它,它的function是动画的。 当页面加载时会创建这个div.puntero,它会查找此菜单的第一项并获取宽度和顶部和左侧坐标,因此它可以在具有类activo的项目下设置div.puntero。 这是执行此操作的代码 /* * Seleccionado el primero activo */ $(document).ready(function() { $(‘div.indice_item’).last().after(‘ ‘); //seteamos el puntero donde debe estar ancho=$(‘div.indice_item’).first().width() alert(ancho); $(‘#puntero’).width($(‘div.indice_item’).first().width()); $(‘#puntero’).height(($(‘div.indice_item’).first().height()+3)); $(‘#puntero’).css({ “top” : $(‘div.indice_item’).position().top, “left” : $(‘div.indice_item’).position().left }); $(‘.indice_item’).each(function (){ //$(this). }); }); 这在firefox中完美运行,但在chrome中我有几个问题,它似乎工作正确。 但后来我按下重装或F5并且div.puntero的宽度变得疯狂。 我添加了警报(ancho); 对于宽度,当我进入页面时,它给我正确的宽度180,当我按下重新加载1665或1649时,图表。 为什么它这样工作?

在继续执行函数之前等待jQuery show()完成?

在我的function结束之前,我无法使用jquery show()显示我的div! 它实际上适用于IE / FF但不适用于Chrome。 在继续我的function之前,如何确保我的元素可见? 这是我的代码: function doOperation(){ $(“#progressbar_area”).show(); (…) }

在chrome问题中使用jquery的图像高度

$(‘img’).height()在chrome中返回0 ,但它返回IE和firefox中的实际高度。 什么是实际的方法来获得铬的图像的高度?

jQuery,Chrome和Checkboxes。 奇怪的行为

我环顾了一下网站,似乎找不到这个问题的答案。 如果它确实存在,请随意指导我说的问题。 我目前正在尝试做一些基于树的复选框操作,而且我遇到了一些我觉得很奇怪的行为。 在谷歌浏览器中,我发现选中一个复选框会留下一些“残留”,如果你愿意的话,这将不允许我使用“attrRemove(’checked’)”检查或取消选中该复选框;“ 有趣的是,Internet Explorer(9)有我想要的结果。 请在Chrome和IE中查看此jsFiddle,以便对效果进行比较。 http://jsfiddle.net/xixionia/9K5ft/ 任何人都可以解释这些差异,以及我如何能够检查/取消选中已经“手动”检查的chrome中的复选框? HTML JavaScript的 $(‘:checkbox’).click(function(e) { if($(this).is(‘:checked’)) { $(‘:checkbox’).attr(‘checked’, ‘checked’); } else { $(‘:checkbox’).removeAttr(‘checked’); } }); 在此先感谢您的帮助。 🙂 编辑: 我能够找到这个工作。 如果其他人有任何其他解决方案,请告诉我,我会将其标记为解决方案。 🙂 $(‘:checkbox’).click(function(e) { var value = this.checked; $(‘:checkbox’).each(function(){ this.checked = value; }); }); 编辑: 事实certificate,这个问题是jQuery 1.6特有的。 以前版本的jQuery不会遇到这个问题。 但是,我在这里发布了一个解决方案: 使用jQuery为复选框设置“checked”?

无法在chrome中获得对象的真实高度/宽度

我有一个问题,如果我在css中设置图像高度并尝试获得高度/宽度,我会在不同的浏览器中得到不同的结果。 有没有办法在所有浏览器中获得相同的维度? 你可以在这里找到一个实例。 <-Removed 这个概念是这样的: CSS: img{ height:100px; } Script: $(document).ready(function(){ $(“#text”).append($(“#img_0”).attr(“height”)); $(“#text”).append($(“#img_0”).attr(“width”)); }); 输出Firefox:img height:100 img width:150 输出Chrome:img高度:100 img宽度:0 输出Chrome:img高度:100 img宽度:93? 我从StackOverflow尝试过这个:stackoverflow.com/questions/1873419/jquery-get-height-width 但仍然得到相同的结果 谁知道一个好的解决方案?

页面加载时Chrome AJAX会导致“忙碌光标”保留

在Google Chrome中,AJAX在$(function(){….})内调用; 似乎保持页面加载。 我有一个带有标签页面的网站。 因为我使用廉价的godaddy托管,我希望页面加载尽可能快。 因此,我想在1个选项卡上加载页面,然后在后台使用AJAX加载其他选项卡。 当我从中运行AJAX时 $(function(){ /*AJAX CODE HERE */ }); 光标显示页面长时间加载( http://jsfiddle.net/mazlix/7fDYE/9/ ) 我已经找到了一种方法(在chrome至少中)使用setTimeout();来解决这个问题setTimeout(); ( http://jsfiddle.net/mazlix/7fDYE/8/ ),但只有在您正确预测窗口何时完全加载并且显然需要更长时间才能加载时,此function才有效。 我想要一种在页面加载后立即通过AJAX加载内容的方法,因此在等待返回的AJAX时不会显示“busy-cursor”。

Google Chrome document.body.scrollTop始终返回0

在Google Chrome中,document.body.scrollTop始终返回0。 我试试 if (window.pageYOffset > 0) { st = window.pageYOffset; } else if (document.documentElement.scrollTop > 0) { st = document.documentElement.scrollTop; } else { st = document.body.scrollTop; } 但不工作。 document.body.scrollTop正在使用firefox。 即使在Chrome控制台中,当我在控制台中使用此代码时也无法正常工作。 enter code here $(‘html, body’).stop().animate({ scrollTop: 50 }, 500);

从chrome 中的日期类型输入中删除占位符

我有以下输入: 这会将日期格式显示为默认占位符。 我想删除这个占位符,只有一个空输入字段。 如果我这样做: `$(‘#operationDate’).val(‘@DateTime.Now.ToString(“yyyy-MM-dd”)’);` 我今天的日期是占位符,但是如果我使用它: $(‘#operationDate’).val(”); 我得到像dd-mm-yyyy这样的占位符。 占位符可以被彻底删除吗? 我已经看过几篇关于更改日期格式的post,但是没有找到关于删除占位符的信息。

Chrome类型=“日期”和jquery ui日期选择器冲突

我有一个输入框,其类型为“日期”,在IE中一切正常,但在最新版本的Chrome中,它带有一个微调器,向下箭头和占位符为mm / dd / yyyy。 在Chrome中,点击该字段Chrome会打开一个日期选择器,我已经为我的应用程序使用了jquery ui的datepicker。 这两者都在发生冲突,如下所示: 我已经应用了如下修复: input[type=”date”]::-webkit-calendar-picker-indicator{ display:none; -webkit-appearance: none; margin: 0; } input[type=”date”]::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; } /** THIS DOESN'T WORK **/ input[type="date"]::-webkit-input-placeholder{ display:none !important; -webkit-appearance: none !important; visibility: hidden !important; } /** THIS DOESN'T WORK **/ 添加上面的代码后,看起来很明智: 上面的代码隐藏了激活Chrome日期选择器的微调器和箭头。 但是有一个问题,占位符(’mm […]