草庐IT

4.CSS盒子模型

全部标签

javascript - Ember.js - 模型中的异步调用 find() 方法

我已经在我的Property模型上实现了find()和findAll()方法。这两种方法都对API进行异步调用。findAll()在连接我的家庭路线的导出时被调用,并且工作正常。find()由Ember.js在连接我的属性路由的导出时调用。请注意,当通过操作导航到属性路由时不会调用find(),但会在您通过URL直接转到路由时调用。这是我的路由器:App.Router=Ember.Router.extend({root:Ember.Route.extend({showProperty:Ember.Route.transitionTo('property'),home:Ember.Rou

javascript - 克隆 CSS 类

我想将所有:hover类复制到.hoverid类中,其中id是元素的索引(或任何其他方式创建独特的悬停类名称)。因此,我的想法是以某种方式遍历页面上定义了:hover的所有元素,并将该类克隆到.hoverid中。这样我就可以像这样在任何我想要的元素上触发悬停效果:$('#element').addClass('hover'+$(this).id);所以我的问题实际上是:如何遍历定义了“:hover”的元素?如何将那个类克隆到另一个类中?尝试您的解决方案:http://jsfiddle.net/kLt2P/ 最佳答案 您实际上可以使用

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - Controller 在 Ember 中更改模型的事件?

Controller在实例化后初始化或为特定路由重新初始化时,是否应该使用事件或Hook来捕获?我已经尝试过init()-但我的Controller在应用程序的生命周期内只实例化一次,但支持多种模型,具体取决于路由。我需要捕获的是Controller模型发生变化的时间,或者实例化后路由发生变化的某个时刻。我也试过设置一个计算属性,但它并不合适,因为我需要一个事件来在模型发生变化时触发一个函数——而不仅仅是在调用属性时。非常感谢任何帮助。编辑:啊哈!我完全检查了我可以在我的函数上设置observes()的事实,以便它会在模型​​更改时触发。因此,我的回答是执行以下操作:dependenc

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - Flowtype - 如何为类工厂编写声明,例如 Backbone 模型?

大量谷歌搜索和阅读Flow文档和示例并未显示Javascript中非常常见模式的任何示例-具有返回类的函数。一个典型的例子是Backbone:varUser=Backbone.Model.extend({getFullName:function(){returnthis.get('firstName')+''+this.get('lastName');}});varexampleUser=newUser();exampleUser.set('firstName','Johny');//set()isamethodfromBackbone.ModelexampleUser.set('la

javascript - 在 jQuery 中修改 CSS 变量/自定义属性

在我的应用程序中,我有一些参数,我想使用jQuery将它们放入CSS变量中。我也想阅读它们。我在读取CSS变量的值时遇到了困难,并尝试了很多东西……在我输入问题时,在“可能已经有了答案的问题”中找到了解决方案。无论如何,我附上了一个片段,因为我需要知道:⋅⋅⋅为什么方法1不起作用?⋅⋅⋅有没有办法使用jQuery获取CSSvar值?我觉得它缺少一个简单的解决方案来处理CSS变量……我错了吗?当然,如果没有任何办法,我会使用javascript解决方案。但我想确定一下。预先感谢您的回答。//Thismethoddoesn'tworkforwritingCSSvar.$(":root").

javascript - Firefox 中 Flash 顶部的 CSS/JavaScript 导航菜单

我的网站有一个用CSS和JavaScript构建的下拉菜单,它会在Flash动画上下拉。在IE(6&7)中,下拉菜单位于Flash动画上方,而在Firefox(2&3)中,菜单出现在Flash动画下方。有什么方法可以让这个动态菜单在Firefox中通过Flash流动吗?在IE7中菜单出现在Flash上:在Firefox中,菜单出现在Flash下:(我该如何解决这个问题?!) 最佳答案 尝试将wmode设置为透明-参见here 关于javascript-Firefox中Flash顶部的CS

javascript - 使用 javascript 控制 css 适用于 Mozilla 和 Chrome,但不适用于 IE

我在使用InternetExplorer时应用css(使用文本变量)时遇到问题,但它在Firefox和Chrome中有效。thecode:/*!addCssStyle()appliesthetextvalue$CssText$tothethespecifieddocument$Doc$e.g.anIFrame;orifnonespecified,defaulttothecurrentdocument,*/functionaddCssStyle(CssText,Doc){//Secure$Head$forthecurrent$Doc$Doc=Doc||document;varhead=D