Tag: google chrome

ScrollTop在Chrome中真的很生涩: 我正在使用scrollTop函数创建一个视差滚动网站，将scrollTop函数绑定到整个网站的不同锚点。我遇到的问题是，Chrome中的滚动变得非常不稳定/不稳定，但在Firefox中它很好。我的代码如下： $(‘.recipes’).click(function(){ $(‘html,body’).animate({ scrollTop: $(“.main1”).offset().top }, 1500); }); $(‘.cooking’).click(function(){ $(‘html,body’).animate({ scrollTop: $(“.main2”).offset().top }, 1500); }); 有可能有另一种方法来做到这一点，所以网站滚动不是生涩吗？也许我可以添加一个缓和function？编辑- 如果我删除了以下function，那么生涩似乎消失了，代码是否有问题，或者可能采用不同的方式编写代码？ var startY = $(‘#container’).position().top + $(‘#container’).outerHeight(); $(window).scroll(function(){ checkY(); }); function checkY(){ if( $(window).scrollTop() > startY ){ $(‘#backToTop, #navigation’).fadeIn(600); }else{ $(‘#backToTop, #navigation’).fadeOut(600); } } checkY(); 第二次编辑 $(document).ready(function(){ $(‘.recipes’).click(function(){ $.scrollTo(‘.main1’, 1500) }); $(‘.cooking’).click(function(){ $.scrollTo(‘.main2’, 1500) }); […]

jquery焦点回到相同的输入字段，错误不适用于所有浏览器: 我有一个包含多个字段的表单，其中包含动态创建的字段和一些预定义的字段。其中一个字段使用jquery timepicker插件，由http://jonthornton.github.io/jquery-timepicker/提供现在我的问题是我正在对该字段进行快速实时validation，因为它在焦点上模糊不清，如果validation失败，则显示错误并将焦点恢复到该字段。现在我的代码在chrome上工作，但在IE 11和Firefox上，（inputfiled）.focus（）没有被触发，因此焦点不会返回到字段。这是我的代码小提琴http://jsfiddle.net/8cL42bcy/6/ 以下是相同的代码片段… $(document).ready(function() { // this is used just to highlight where the current focus is on… $(“input”).focus(function() { $(this).css(‘background-color’, ‘rgba(240, 116, 116, 0.69)’); }); $(“input”).blur(function() { $(this).css(‘background-color’, ‘#fff’); }); // timepicker plugin courtesy of– http://jonthornton.github.io/jquery-timepicker/ $(‘#presentationTime’).timepicker({ ‘scrollDefault’: ’08:30 AM’, ‘disableTimeRanges’: [ [‘8:01pm’, ’11:59pm’], [’12am’, ‘7:59am’] ], ‘timeFormat’: ‘h:i […]

文字隐藏在video背后: 我正在使用fullpage.js来创建全屏页面。如果您滚动到下一部分并向后滚动回第一部分（带有video背景和叠加文字），文本将暂时“隐藏”在video后面，然后再次显示。到目前为止，此问题仅发生在我的Chrome（版本49.0.2623.112）上。 HTML： 1233123123 Two 2 Four CSS： .section { text-align:center; font-size: 3em; position: relative; display: flex; justify-content: center; align-items: center; } .text { font-size: 123px; z-index: 2; position: absolute; margin: 0 auto; background-color: red; } div.video-background { position: absolute; top: 0; left: 0; width: 100%; height:100%; overflow: hidden; z-index: 1; } div.video-background video […]

JQuery提交无法在Chrome中运行: 以下是表格 @using (Html.BeginForm(MVC.CollectionPlanConfirmation.ActionNames.Edit, MVC.CollectionPlanConfirmation.Name, FormMethod.Post, new { @id = “collectionPlanForm” })) { …………….. } 提交按钮在表单外。以下是我的MVC视图上的提交按钮。以下是应该提交表单的jquery。 function SubmitForm() { …… validation code…….. $(‘#collectionPlanForm’).submit(); } 我可以看到，IE8和Firefox提交表单，但它与Chrome不相符。它什么都不做。可能是什么原因，以及如何解决它？对此有任何帮助，非常感谢。谢谢

使用.focus（）时，为什么我的onchange函数被调用了两次？: TLDR 在chrome中检查此示例。输入someting并按tab键。看到一个新框出现输入内容并按enter键。看到两个新框出现，其中一个是预期的。介绍我注意到当使用enter而不是tab来更改字段时，输入字段上的onchange函数会触发两次。这个页面相当大，并且仍在开发中（阅读：许多其他错误），所以我做了一个显示这种行为的最小例子，在这种情况下它甚至在’tab’上做了。据我所知，这只是Chrome中的一个问题。它应该做什么我想在输入字段输入内容后进行新输入。这个领域应该得到关注。例： javascript – 需要jquery function myOnChange(context,curNum){ alert(‘onchange start’); nextNum = curNum+1; $(context.parentNode).append(”); $(‘#prefix_’+nextNum).focus(); return false; } HTML部分完整的代码在pastebin上。你需要在脚本中添加你的jquery路径一个工作的例子就在这里jFiddle onchange被调用两次：调用myOnChange函数，调用新的输入，调用focus() ，再次调用myOnChange ，创建一个新输入，’ myOnChange退出，然后’外部’ myOnchange退出。我假设这是因为焦点更改触发onchange() ？我知道浏览器之间的行为存在一些差异。我想停止.focus（）（这似乎是问题）不要调用onchange() ，所以myOnChange()不会被调用两次。谁知道怎么样？

根据DOM，’Range.detach’现在是无操作: 将Chrome更新为36.0.1985.125后，我在控制台中注意到此警告和错误消息。警告： ‘Range.detach’ is now a no-op, as per DOM (http://dom.spec.whatwg.org/#dom-range-detach). 错误： Discontiguous selection is not supported. 可以看到： http ： //rangy.googlecode.com/svn/trunk/demos/cssclassapplier.html 其他javascript / jquery插件（wysihtml5，rangy）也受到影响，任何解决方案？

使用Chrome中的jquery更改未在文本输入上触发的事件: 我在文本输入上的jquery更改事件有问题，它在Firefox和IE中按预期工作，但在Chrome中没有。我还在文本输入上有一个keyup事件来操作输入的输入，但是当输入完成后我需要运行一些额外的代码。我尝试使用’模糊’事件和’焦点’事件，因为有人在这里建议作为替代品，但后来我根本无法改变焦点 – 输入不断以某种方式抓住它。这是代码： $(‘.textInput’).keyup(function(event) { /* do stuff */ }); $(‘.textInput’).change(function(event) { alert(‘Changed!’); /* do other stuff */ }); 和HTML：我正在使用jQuery 1.6.3。任何建议将不胜感激。 H。

表单提交按钮在Google Chrome中无效（jQuery Validate）: 我在我的演示页面上使用了jQuery Validate插件，由于某种原因，“提交”按钮在Google Chrome中不起作用。我怀疑它与自动填充function有关，但我不确定：现在一直在为这个问题苦苦挣扎几天。这是链接：联系表格这是jQuery代码的一小部分。文件中使用的所有j都可以在：组合的js代码中找到 – 初始化代码位于底部。 $(function(){ /* —– Validation —– */ $(“#contactform”).validate({ rules: { email: { required: true, email: true }, name: “required”, last: “required”, phone: { required: true, phoneUS: true, minlength: 10, maxlength: 14 }, city: “required”, state: “required”, zip: { required: true, minlength: 5, maxlength: 10 […]

jqueryhover事件不适用于谷歌浏览器中的选择选项标签？: 我有一个简单的select标签 a b c d 我想在option上添加hover事件 $(‘select option’).hover(function(){ console.log($(this).val()); },function(){ console.log(“mouse out”); }); 但是，它仅适用于Firefox，而不适用于Chrome。我怎么解决这个问题？这是jquery中的错误吗？有一些黑客攻击吗？

jQuery：操作路径后不会更新HTML: 我通过jQuery方法加载外部内容并操纵先前加载的img元素的src属性，如下所示： $(“#content”).load(“additional_content.html #content table”, function() { $(“#content”).find(“img”).each(function() { $(this).attr(“src”, “new_path/” + $(this).attr(“src”)); }); }); 在通过Firebug检查父HTML时，源代码已更改并反映新的图像路径。但是，浏览器中呈现的HTML未更新并指向旧路径。另外，我在Chrome中收到以下错误： XMLHttpRequest cannot load file:///…/additional_content.html. Origin null is not allowed by Access-Control-Allow-Origin. 有谁可以帮助我吗？