Tag: 谷歌铬

Chrome，addEventListener（）：出了什么问题？ 什么跨浏览器替代？

我刚刚发现addEventListener()在Chrome（28）上非常糟糕。 我的工作示例是一个文本到语音的小提琴 ，我想听，并且声音文件的播放结束播放下一个声音文件 。 在Firefox中，一切都很好。 在Chrome中，脚本在第一个addEventListener中断开。 出了什么问题，怎么解决？ 在活动结束时，您是否有跨浏览器校对替代方式进行收听？

每个ip / 24hs显示div一次不能用于chrome

我正在研究这个代码..并且适用于所有浏览器，除了chrome。 我想每24小时显示一次div（A）每IP一次。 显示div（A）后，我想在每次ip访问我的页面时显示另一个div（B）。 这是我的代码 $(document).ready(function() { if( $.cookie(‘showOnlyOne’) ){ //it is still within the day //hide the div $(‘#showOnlyOnceADay’).hide(); $(‘#showothertimes’).show(); } else { //either cookie already expired, or user never visit the site //create the cookie $.cookie(‘showOnlyOne’, ‘showOnlyOne’, { expires: 1 }); //and display the div $(‘#showOnlyOnceADay’).show(); $(‘#showothertimes’).hide(); } }); Div(A) Div(B) Chrome在Chrome中同时显示两个div。 有什么问题？ 谢谢！

CSS转换在Chrome中无法正常运行

我的CSS转换在Chrome中无法正常运行。 它在Chrome中提供了模糊效果，但在Firefox中运行良好。 这是圆圈动画的代码片段 。 我建议您在Chrome中以及屏幕的最大宽度查看此内容。 这是HTML： Inflate! CSS： .bubble { position: relative; left: 50px; top: 20px; transform: scale(1); width: 50px; height: 50px; border-radius: 50%; background-color: #C00; transition-origin: center; transition: all 0.5s; overflow: hidden; } .bubble.animate { transform: scale(30); } .bubble.ani { transform: scale(1); } JavaScript（jQuery）： $(‘button’).click(function() { $(‘.bubble’).addClass(‘animate’); }); $(‘.buuble’).click(function() { $(this).removeClass(‘animate’); $(this).addClass(‘ani’); });

显示模态加载div未在谷歌浏览器和IE浏览器中运行，Firefox也可以

我想在进程SOAP调用期间显示“请等待，加载”旋转圈。 我在Google Chrome和Internet Explorer 9,10,11中显示模态屏幕时遇到问题。 Firefox还可以。 如果我删除$(“body”).removeClass(“loading”); 来自someMethodSOAP() ，加载屏幕在Google Chrome和IE中显示正确。 SOAP调用的持续时间是一秒，因此应该显示加载屏幕。 我想在Google Chrome和IE中显示加载屏幕，但我不知道该怎么做？ 为什么Firefox浏览器工作正常，谷歌Chrome和IE不行？ 我用： [jQuery 2.1.1] [ http://code.jquery.com/jquery-2.1.1.js ] [jquery.soap 1.3.8] [ http://plugins.jquery.com/soap/ ] [模态窗口解决方案来自：[ 如何使用jQuery创建“Please Wait，Loading …”动画？ ] 谢谢。 我的代码： index.php ： .modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; } /* When the body […]

建立一个旋转木马。 Chrome和Firefox的性能不佳

我以前问过这个问题，但我得到的唯一答案是这个链接：shouldiuseacarousel.com。 我知道旋转木马对用户体验几乎没有什么作用，并且基本上没有价值，但这不是这里的情况。 我正在使用的旋转木马是一个在线杂志的隐喻，可以提供在真实杂志中浏览页面的体验。 因此非常相关。 在创建这个旋转木马时，我的最终目标是实现平滑的滚动体验，同时仍然保持旋转木马的某些核心function。 请记住，我是一个只有几个月的javascript经验的javascript学习者，并且欢迎任何关于优化或想法的建议，并且非常感谢。 所以，我创建了一个带有一个名为“Carousel_Container”的简单div容器的旋转木马，其中css属性为“overflow：scroll;”。 嵌套在里面是另一个名为“Carousel”的容器，它容纳我所有的“杂志标题”或“项目”。 用户可以通过加载单击项目和杂志文章。 到目前为止，我已经创建了两个核心function：1）当用户滚动时，我希望中间的项目脱颖而出。 所以所有项目都有css“不透明度：0.3;” 除了中间的项目。 这是我解决这个问题的逻辑： 我创建了一个名为“Focus_Point”的变量，它由以下内容定义： var Focus_Point = Window_Width * 0.5; 这用于称为“ItemToFocus”的核心函数： var ItemToFocus = function(){ if( MousewheelActive == 1 ){ First_Item_Offset = $Active_Carousel_Item.first().offset().left; First_Item_Offset = -First_Item_Offset; Focus_Point = 0.45 * Window_Width; Carousel_Position = First_Item_Offset + Focus_Point; Width = $Item.first().width(); Length = $Active_Carousel_Item.length; for( i=0; i […]

无法删除chrome中的内联事件处理程序

我想删除一个包含onsubmit内联定义的表单的事件处理程序。 我已经尝试过： $(“#loginForm”).off(“submit”) $(“#loginForm”).unbind(“submit”) $(“#loginForm”).die(“submit”) $(“#loginForm”).removeAttr(“onsubmit”) $(“#loginForm”).removeProp(“onsubmit”) $(“#loginForm”).attr(“onsubmit”, “”) $(“#loginForm”).prop(“onsubmit, “”) $(“#loginForm”)[0].onsubmit = null $(“#loginForm”)[0].onsubmit = undefined $(“#loginForm”)[0].onSubmit = null $(“#loginForm”)[0].onSubmit = undefined 什么都行不通！ 我在j（）的jquery方法中添加了我自己的事件监听器，但它永远不会被调用。 它是旧的事件监听器在我之前执行的…它与按钮上的onClick事件做同样的事情。 我必须明确表示我正在使用chrome扩展，更准确地说是在页面中注入的内容脚本中。 所以问题是，有没有办法清除事件处理程序？ 或者更好的是有没有办法添加一个将在内联处理程序之前调用的事件监听器？ 编辑：经过很多丑陋的代码，我找到了一种方法来做我想要的…我做了一个表格的副本，删除内联envent处理程序，在我的dom旧表单中替换，然后创建我的事件处理程序。 这很丑，但它有效…如果有人能解释为什么我不能这样做…

窗口加载事件在具有缓存的文档就绪事件之前触发

随着新版本的chrome开始发生奇怪的事情，它开始在事件$(document).ready(…)或$(function (){…})之前抛出事件$(window).load(…) $(function (){…}) 。 这在以前版本的“chrome”中没有发生，并且在版本31中开始发生。 我的环境： jQuery 1.7.2 Chrome 31 IIS 7.5 ASP.NET MVC 4 我不明白，但它发生了，如果我们第一次进入没有缓存工作完美，但随后与缓存文件css，js，img，开始producirce这个问题。 我目前的解决方案是覆盖jquery的函数load ，但我认为这是正确的解决方案。 谢谢。 编辑 我们只能在服务器上播放该站点，我们无法在本地重现它（localhost） 编辑更多信息这是服务器的HTTP标头： HTTP/1.1 200 OK Cache-Control: private, s-maxage=0 Content-Type: text/html; charset=utf-8 Server: Microsoft-IIS/7.5 X-AspNetMvc-Version: 3.0 X-AspNet-Version: 4.0.30319 X-Powered-By: ASP.NET Date: Thu, 21 Nov 2013 23:02:37 GMT Content-Length: 176350 编辑二 我测试了这段代码，知道它是否是jQuery 1.7.1的问题，但同样的问题发生了： (function() { if(!window.addEventListener […]

Chrome在刷新后更改样式，并在我右键单击以检查它时进行更正

至少根据我的经验，这是一个非常奇怪的错误。 我已经制作了该网站的测试版本，因此您可以在此处看到它。 重现步骤： 进入该网站，你应该看到#thelist就好了： 当你做一个简单的刷新我在Windows机器上，所以Ctrl + R或F5 。 现在#thelist将改变它的位置： 修复此问题的主要问题是，当我尝试检查元素时，它会回到正确的位置…… 另请注意，如果您执行硬刷新Ctrl + Shift + R或Ctrl + F5，则元素将返回到正确的位置。 这怎么可能，导致这种情况的原因是什么？ 怎么解决？

修复Google Chrome上的蓝线

我有以下HTML： aga ad gdas ga gs ds da dgs sd ds dg gdgsdgwa 和CSS： #a, #b { position: absolute; height: 10px; font-size: 10px; white-space:nowrap; display: block; } #a { width: 200px; overflow: hidden; } 和Javascript： var x = 0; setInterval(function() { if ($(‘#b’).position().left < (-$('#b').width())) { x = 305; } $('#b').css('left', (x–) + 'px') }, […]

Jquery代码在Chrome中运行但在Firefox中不运行

我有这段代码，当它被点击时会显示几个div，然后一旦点击另一个链接就隐藏它们。 我试图在Firefox中显示这个并且它可能不是js中的问题但是非常感谢所有帮助。 $(document).ready(function(){ $(‘.fadein’).click(function(){ // Make the id overview show $(‘#header-contact’).hide(‘slow’); $(‘#header-portfolio’).show(‘slow’); $(‘#content-portfolio’).show(‘slow’); // override default a behavior return false; }); }); $(document).ready(function(){ $(‘.fadein2’).click(function(){ // Make the id overview show $(‘#header-portfolio’).hide(‘slow’); $(‘#header-contact’).show(‘slow’); $(‘#content-portfolio’).hide(‘slow’); // override default a behavior return false; }); }); $(document).ready(function(){ $(‘.fadein3’).click(function(){ // Make the id overview show $(‘#header-portfolio’).hide(‘slow’); $(‘#header-contact’).hide(‘slow’); $(‘#content-portfolio’).hide(‘slow’); // override […]