草庐IT

CSS-classes

全部标签

javascript - JQuery 链接 Action ,有效..但 CSS 不等待轮到它?

所以我有这样的东西(如下),一切都依次进行(它在开始时隐藏,然后你看到它向下滑动,等待2秒,然后向上滑动)但是.cssAction立即发生,甚至尽管是在2秒延迟之后。只是想知道这是为什么。$('p:first').hide().slideDown('slow').delay(2000).css({"background-color":"#ff4"}).slideUp('slow')});编辑新代码:我已将我的代码更改为:它似乎不再向上滑动了..(因为我希望它在向上滑动之前变为黄色)$('p:first').hide().slideDown('slow').delay(2000,func

javascript - 为什么 Facebook 不合并它的 CSS/JS 文件?

我很好奇为什么Facebook开发人员选择不将他们的脚本和样式表合并到单个文件中。相反,它们是通过CDN按需加载的。Facebook显然是一个非常复杂的应用程序,我可以理解这种模块化如何使Facebook更易于维护,但通常的优化建议是否仍然适用(尤其是考虑到它的高使用率)?或者,他们使用CDN的事实是否避免了具有大量小脚本/样式的常见性能影响? 最佳答案 一句话BigPipe.他们将页面分成“pagelets”,每一个都在他们的服务器上单独处理并并行发送到浏览器。基本上几乎所有内容(CSS、JS、图像、内容)都是延迟加载的,因此它归

javascript - Uncaught ReferenceError : Class is not defined?

我很想知道为什么会出现此错误?我已经从网站beezid.com(carousel.js)文件中复制了它,并且我正在尝试将与他们相同的幻灯片放到我的网站上以更新它。如您所见我对此有疑问??他们的网站没有出现这个错误?carousel.js:26UncaughtReferenceError:ClassisnotdefinedCarousel=Class.create(Abstract,{initialize:function(scroller,slides,controls,options){this.scrolling=false;this.scroller=$(scroller);th

javascript - 为什么在 JS 中用匿名函数包装每个原型(prototype) "class"对象?

查看thisJScode通过DavidFowler他用一个匿名的自执行方法包装每个“类”,他在其中发送jQuery和window。我知道这是一种确保$和window实际上是您期望的全局jQuery和winndow变量的方法。但这不是有点过度保护了吗?您是否应该保护自己免受其他人更改$和window变量的影响-实际上是否有代码可以做到这一点,如果有,为什么?另外,像这样包装所有东西还有其他优势吗? 最佳答案 如果我没记错的话,除了jQuery之外,还有其他一些库使用$. 关于javascr

javascript - 循环 CSS 动画

所以我这里有这个漂亮的CSS动画,我希望它循环播放。遗憾的是,我几乎没有使用CSS动画的经验,也不知道该怎么做。如果这里有人可以帮助我,我将不胜感激。谢谢!HTMLWeeeeeeeJavascript$("#msg").click(function(){varduration=1400;$msg=$(this);$msg.css("-webkit-transform","scale(2)").css("-webkit-transition-timing-function","ease-out").css("-webkit-transition-duration",duration+"m

javascript - 在原型(prototype)中使用 css 选择器触发点击事件

我是Prototypejs的新手。我有一个这样的元素,Save&Close我有一个anchor标记选择器,$$('#toolbar-savea')。通过使用此选择器,我如何触发click事件?或者你可以建议的任何其他方式?提前致谢。 最佳答案 $$('#toolbar-savea')[0].click();FIDDLE 关于javascript-在原型(prototype)中使用css选择器触发点击事件,我们在StackOverflow上找到一个类似的问题:

javascript - CSS Transform Math - 计算倾斜引起的div的高度

我很难弄清楚如何计算由倾斜引起的div容器的额外高度。我正在屏蔽容器内的图像并使用plugin调整它的大小.容器不会始终具有相同的高度和宽度,因此使用固定尺寸是行不通的。请看我的demo.http://jsfiddle.net/RyU9W/6/HTMLCSS#profiles{margin-top:300px;transform:skewY(-30deg);-ms-transform:skewY(-30deg);/*IE9*/-webkit-transform:skewY(-30deg);/*SafariandChrome*/}.profile{cursor:pointer;float

javascript - CKEditor 4 : How to add CSS stylesheet from plugin?

暂时试过了,但是没有成功editor.addCss(this.path+'tabber.css');editor.document.appendStyleSheet(this.path+'tabber.css');完整代码(function(){CKEDITOR.plugins.add('tabber',{init:function(editor){editor.ui.addButton('addTab',{command:'addTab',icon:this.path+'icons/tabber.png',label:Drupal.t('Inserttabs')});editor.a

javascript - meteor js 铁路由器 : apply CSS change whenever route changes

我的应用程序中有主页、联系页面和其他几个与产品相关的页面。目标是仅将背景图像应用于特定路线:/homepage和/contact。如果用户离开任一路线,应用一些CSS更改。我现在正在和我主页上的一个助手一起破解这个,就像这样:Template.homepage.rendered=function(){varroute=Router.current();if(route.path=='/'){document.body.className="showBackgroundImage";}};这里部分获胜,因为这将激活css,但我需要在路线更改时停用。我还在我的router.js中尝试了以下

javascript - 将 bootstrap.css 包含到 nuxt 项目的最佳方法是什么?

这是我的nuxt.config.js文件的一部分:head:{link:[{rel:'icon',type:'image/x-icon',href:'/favicon.ico'},//loadbootsttrap.cssfromCDN//{type:'text/css',rel:'stylesheet',href:'//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'},]},css:[//thislineincludebootstrap.cssineachhtmlfileongenerate'bootstra