草庐IT

javascript - 仅在某些页面上执行 jquery 效果/操作

到目前为止,我一直将所有jquery代码放在document.ready函数中。我认为在某些情况下,这不是最好的方法。例如:如果我想在某个页面加载时执行动画,最好的方法是什么。$(document).ready(function(){$("#element_1").fadeIn();$("#element_2").delay('100').fadeIn();$("#element_3").delay('200').fadeIn();});如果它就在document.ready中,那么每次加载ANY页面时,它都会检查每一行并查找该元素。告诉jquery只在特定页面上执行一段代码以避免此问

javascript - 使用 jQuery 动画宽度时出现奇怪的 "shaking"效果(仅在 Chrome 中!)

我在一个简单的代码片段中使用jQuery为li元素的宽度设置动画。我使用hover()作为处理程序,使用.animate()来设置宽度动画。这是我的代码。$('li').each(function(){//storetheoriginalwidthoftheelementinavariablevaroldWidth=$(this).width();$(this).hover(function(){//whenthemouseenterstheelement,animatewidthto900px$(this).animate({width:'900px'},600,'linear')}

javascript - 使用 async/await 从回调中获取数据并仅在解决 promise 后返回值

我正在尝试使用async/await,但我认为我严重误解了一些东西。基本上,我正在尝试使用googlemapsapi计算位置列表与一个指定位置之间的距离。这是我正在尝试做的粗略示例:https://jsfiddle.net/qu5y69rj/1/您可以看到该函数的结果是undefined3次,而不是我所期望的,每次调用都是{distance:"ZERO_RESULTS"}以我人为的例子为例。getDistance=async(start,end)=>{constorigin=newgoogle.maps.LatLng(start[0],start[1]);constfinal=newg

javascript - jquery noConflict 仅在 IE8 中不起作用

我有一个使用原型(prototype)框架的网站,我希望使用jquery插件。一切正常,只是不在IE8中。它在ie7中工作,这让我感到惊讶。知道可能有什么问题吗?IE8告诉我对象不支持此属性或方法,其中行jQuery.noConflict();是jQuery.noConflict();functionOpenUp(sURL){window.open(sURL,null,'height=560,width=820,status=yes,toolbar=yes,menubar=yes,location=yes,resizable=yes,scrollbars=yes',false);}jQ

javascript - "use strict"仅在调试中?

我想知道当我完成编程并向任何人发布我的JavaScript文档时是否真的有必要包含"usestrict"。我喜欢使用它,因为它可以检查我的编码是否正确。那么,当我向公众发布我的JavaScript文件时,我应该包含还是删除use"usestrict"?我问的原因是为了节省我的JavaScript文件的空间。 最佳答案 我发现了两种关于在生产中使用严格模式的观点:Thereisnoreasontoship“usestrict”inyourproductioncode.Thereisnoperformancegain(verifiedw

javascript - Bootstrap 嵌套折叠仅在父折叠时发生事件

我有一个嵌套的BootstrapCollapse,其中显示的事件同时在父Collapse和子Collapse上触发。我需要它只触发父Collapse而不是child。$(document).ready(function(){$("#accordion2").on("shown",function(){alert("shown!");});});这是一个例子:http://jsfiddle.net/xb9K6/ 最佳答案 您可以使用event对象的stopPropagation方法。$(".accordion").on("shown"

Javascript - 仅在检测到横向时运行我的脚本

我正在运行一个脚本来在带有滚动的菜单中显示通知,但我不知道如何检测设备是否有方向景观来验证脚本。onClick="VerHayMas();"调用完美无缺,但如果用户打开菜单一次,点击#boton-menu并且您的设备处于纵向,将方向更改为横向后,脚本不再符合目标。ThescripthasitslogicONLYifthedeviceisinlandscape,whichiswhenthemenuneedstoshowthenotification.那么,有没有可能我的脚本只对(max-width:999px)和(orientation:landscape)有效,而忽略肖像...?我是J

javascript - 您如何仅在 div 中获取按钮?没有 JQuery

我有很多按钮,我只想get里面的那些与class="keys",但我无法让它工作,到目前为止我试过:content=document.getElementsByClassName("keys");kbButtons=content.getElementsByTagName("button");我只是变得不确定 最佳答案 注意该方法如何命名为“getElements...”,复数形式。document.getElementsByClassName()返回一个HTMLCollection,一个类似数组的对象。content=docume

javascript - 如何仅在文档完成加载后加载 jQuery 函数

奇怪的情况:我正在使用jQuery和CSS构建菜单栏。在我的JavaScript文件中,我有一个on-ready函数,如下所示:$(document).ready(function(e){mark_active_menu();}和...functionmark_active_menu(){varelementWidth=$("navli").width();alert(elementWidth);}出于某种原因,甚至在所有文档完成加载之前,我收到的警告消息宽度不正确。只有当我释放消息时,文档的其余部分才会加载,并且我会获得应有的正确宽度。为什么在所有文档加载完成之前调用我的函数?有没有

javascript - 仅在移动、缩放和旋转时渲染选定对象

我目前正在做一个“PhotoCollageMaker”项目,它需要更大的Canvas区域和数百个对象(文本、图像、形状、剪贴画等)。问题是在移动、缩放和旋转这些对象时,Fabric.js渲染所有对象,这使得它太慢了。我只想在织物Canvas上渲染选定的对象。我也测试了renderOnAddition、renderTop,但它们不是我想要的。我想要以下内容:canvas.on('object:moving',function(e){varactiveObject=e.target;//canvas.renderAll();canvas.renderObjects(activeObject