Tag: google chrome
jQuery的; 新图片的Chrome图片宽度和高度= 0（）
我无法让Chrome在DOM加载后识别图像宽度或高度。 Image通过phpThumb脚本（调整图像大小）动态加载。 如果我拿走动态url并将其替换为图片的直接url我就没有问题，而且一切都在Chrome中运行，但是使用动态url时，Chrome似乎无法计算图像的宽度或高度。 有人对此有经验吗？ 它正在努力。 有问题的代码是： var theImage = new Image(); theImage.src = $image.attr(‘src’); var imgwidth = theImage.width; var imgheight = theImage.height; 其中imgwidth = 0; 对于chrome，但IE，Firefox都报告了正确的大小。
在Google Chrome 中使用outerWidth（）进行错误的宽度计算
我在div里面有一个导航栏（topmenu）。 如果菜单的宽度大于外部div的宽度，我必须隐藏其余的菜单元素。 不幸的是我不能使用overflow:hidden为div overflow:hidden 。所以我使用.outerWidth()函数来计算div的总宽度和每个elment（li）的宽度，并隐藏溢出元素。 所以我的问题是它在firefox（19.0），IE（8）中的工作正常！但不是在chrome中。 在chrome中，所有元素都被隐藏。 当我改变时，问题就解决了 $(document).ready(function() {}); to $(window).load(function() {}); 但是，总的ul显示了几分之一秒，然后它被隐藏（IE，FF它仍然可以正常工作）。 有没有更好的解决方案呢？ 或任何不同的逻辑。 样品 3 Option 2 Option 1 Option http://jsfiddle.net/RSA3X/4/ 我的类似情况
JQuery在Firefox中不起作用，但在Chrome中起作用
我在使用jQuery和Mozzila Firefox时遇到了麻烦。 一切都在Chrome中工作得很好，但不知何故Firefox没有看到jQuery。 这就是我调用jQuery的方式 这就是它失败的地方（错误是：ReferenceError：$未定义）： function ajax_check(){ var id = $(“#xml_select”).val(); // this is the line where I get error $.ajax({ url: “ajax_check.php?id=”+id, success: function(response) { var result = jQuery.parseJSON(response); //console.log( JSON.stringify(result[‘ncp’].replace(‘”‘,”)) ); var ncp = JSON.stringify(result[‘ncp’]); var id = JSON.stringify(result[‘id’]); $(“#racun”).val(ncp.substring(1,12)); $(“#id_podnosilac”).val(id.substring(1,5)); }, }); } 请帮忙，这可能是什么原因造成的？
Java Spring REST API CORS不适用于通过jQuery与Chrome进行DELETE请求
我正在创建一个使用jQuery编写的Web前端，它使用Spring框架将REST请求发送到用Java编写的REST Web服务。 我正面临着CORS请求的奇怪错误。 特别是，如果我使用Safari，一切正常; 相反，使用Chrome，所有DELETE请求都失败（GET和POST请求在Chrome中也能正常工作）。 我得到的错误是： Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access. The response had HTTP status code 403. 当Chrome发出第一个OPTIONS请求时会发生这种情况。 我关于CORS的代码是： @Configuration @EnableWebMvc public class CorsConfigurator extends WebMvcConfigurerAdapter { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping(“/**”).allowedOrigins(“*”).allowedMethods(“GET”, […]
jQuery FadeIn在移动Chrome Android中无法正常运行
首先，这是工作演示： http ： //desainwebsite.com/marux-demo2 我想要实现的非常简单： 当我点击菜单按钮时，菜单显示，这个半半透明的黑色背景淡入。 当我点击半半透明的黑色背景时，菜单关闭，此背景淡出。 单击菜单按钮时，这是我的代码： $(“.mnav-toggle”).click(function(e) { $(“.black-overlay”).fadeIn(); $(“.mobile-nav”).animate({“left”:0}); e.preventDefault(); }); 这是在背景点击时 function closeMenu() { $(“.black-overlay”).fadeOut(); $(“.mobile-nav”).animate({“left”:”-200px”}); } $(“.black-overlay”).click(function(e) { closeMenu(); e.preventDefault(); }); 此代码适用于许多移动浏览器，但不适用于移动Chrome Android。 错误是：黑色背景淡出后没有显示。 尝试单击菜单按钮一次，然后关闭菜单（单击背景）。 然后再次打开菜单（单击菜单）。 在Android Chrome中，背景保持隐藏，但它仍然存在，因为它仍然可以点击。 iOS中的Chrome没有此错误。 我也试过Android for Firefox，它正在运行。 代码中有错误吗？ 请帮我。 提前致谢！ 编辑：哦，当我更改fadeIn（）/ Out（）以简单地隐藏（）和show（）时，它正在工作。 所以问题必须是关于这种衰落的function。 EDIT2：我可以将fadeIn（）更改为show（），但保留fadeOut函数并且它正在工作！ 所以主要的罪魁祸首是fadeIn（）函数我猜。
使用输入元素上的修饰键触发单击事件
我正在为一些涉及用户按住Shift键点击复选框的function编写测试。 我正在使用$(‘input’).trigger($.Event(‘click’, { shiftKey: true })); 模拟那个。 但是当事件监听器被调用时， event.shiftKey属性总是在源自我的合成事件时报告为false ，而实际点击产生所需的效果。 更令人困惑的是，在非input元素上触发相同的事件似乎工作得很好。 例如，请参见http://jsfiddle.net/huskssk1/ 。 我在我的浏览器（Chrome 39，OS X）和测试堆栈（Poltergeist 1.5.1 + PhantomJS 1.9.8）中都观察到了这种行为。 是什么导致了这个？ 它有什么办法吗？ PS我的完整测试堆栈是Ruby on Rails + RSpec + Capybara + Poltergeist + PhantomJS，如果你知道触发shift-click的更好方法，请告诉我！
谷歌Chrome嵌入了Windows上的盒子阴影错误，而不是Mac：更好的解决方法？
这仍然是Chrome 5.0.375.125的最新版本，这是撰写本文时的最新Windows版本。 此处会跟踪错误： http ： //code.google.com/p/chromium/issues/detail？id = 25334 所以，问题是，如果您使用的是Windows或Linux，并且某人在也具有border-radius的元素上使用了插入框阴影，则会出现错误 – 边框半径被保留，但插入框 – 阴影溢出来，好像它仍然是一个方形盒子。 它在Mac OS X上的Chrome中按预期工作。 使用纹理背景的人不能使用这种黑客，因为它需要不透明的边框颜色。 它也只适用于较小的半径。 这个黑客的两个部分。 一个小Javascript（jQuery + jQuery.client插件）： if ($.client.browser == “Chrome” && $.client.os != “Mac”){ $(‘html’).addClass(“inset-radius-hack”); }; 和CSS #div{ -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 4px 0 inset; -webkit-box-shadow: rgba(0, 0, 0, 0.4) […]
Jquery animate（）和谷歌浏览器问题
我在google Chrome中遇到了jquery和animate（）的问题。 我有一个最初隐藏的盒子，位于屏幕右侧。 单击一个框时，隐藏框变为可见，并从右侧到中心动画，它会停止并闪烁，然后再开始再次移动到屏幕的左侧并消失。 这个东西适用于资源管理器和Firefox，但不适用于Chrome。 这是链接： http ： //test.gianlucaugolini.it/4545.html 这是代码： function test(){ var scaleX = $(“#container”).width()/2 + $(“#hoverText”).width()/2; $(“#hoverText”).animate({visibility:”visible”,opacity:”show”,left:”-=”+scaleX+”px”},500,function(){ $(“#hoverText”).effect(“highlight”,{duration:1000},1500,function(){ $(“#hoverText”).animate({visibility:”hidden”,opacity:”hide”,left:”0%”},500,function(){ $(“#hoverText”).css(“left”,”100%”); }); }); }); }
由于混合内容问题（http / https），Chrome阻止了XHR响应
我目前正在使用jQuery AJAX获取相对URL，前面没有scheme / domain（例如’/ js / get_international_popup /’。当我在返回之前查看我的位置标题时，响应也是一个相对URL。 当我在本地测试这个，通过HTTP，一切正常。 但是，一旦我在我的实时服务器上测试它，通过HTTPS，Chrome就会阻止响应，因为它说它不安全： 混合内容：“ https://example.com/ ”页面是通过HTTPS加载的，但是请求了一个不安全的XMLHttpRequest端点“ http://example.com/js/get_international_popup/ ”。 此请求已被阻止; 内容必须通过HTTPS提供。 从Chrome的角度来看，我的本地测试请求/响应是通过HTTP进行的，但是我的实时测试请求通过HTTPS并获得了HTTP响应。 我无法在实时服务器上查看Chrome的响应，因为它已被阻止。 如果我返回一个带有绝对URL（包括https：//域 ）的响应，一切似乎都可以正常工作，但我不想使用绝对URL。 有谁知道是否有办法使用相对URL修复此问题？
在Safari上使用remodal和pickadate时出现严重的性能问题
我试图将remodal与pickadate一起使用，这样我就可以在模态中创建日期选择器和时间选择器。 在第一次试验中，我发现日期选择器将被重建器隐藏，如下所示。 为了克服这个问题，我为我的remodal创建了一个.full-screen类。 .remodal { &.full-screen { max-width: none; height: 100%; width: 100%; margin: 0 auto; } } 然后它在Chrome中运行得非常好，如图所示： 然后我在我的iOS上测试该网站，我发现叠加层是混乱的。 我认为它坚持活跃的输入元素的底部 。 如iOS safari和iOS chrome所示： 通常我会在MacOSX中打开我的Safari并尝试修复CSS。 但是，当在Safari中加载相同的页面时，会出现奇怪的性能损失： 我甚至无法加载开发人员工具 Safari CPU不断超过100％ 加载模态需要大约15秒 加载pickadate需要大约10秒钟。 结果如下： 如果你想尝试，我暂时打开这里的链接，点击绿色操作按钮，模态应该加载。 （首先尝试使用chrome，然后进行safari。）你会注意到差异。
