草庐IT

4.CSS盒子模型

全部标签

javascript - 设置 css 元素的背景图像

我使用下面的来设置一个css元素的文本内容varcell=document.createElement('li');cell.textContent=this.labelForIndex(index);现在我想设置背景图像和颜色.....怎么办?? 最佳答案 $(cell).css("background-image","url('mybg.png)"); 关于javascript-设置css元素的背景图像,我们在StackOverflow上找到一个类似的问题:

javascript - Backbone.js:如何通过模型 ID 数组过滤对象集合?

我有一个充满模型的Backbone.Collection;假设模型是Car。这个集合是一个非常大的Cars列表。我希望能够从列表中选择一些特定的汽车ID,然后能够从该集合中仅获取那些选定的汽车对象。我下面的代码块不工作;我确信有一种方法可以使用Backbone.js/Underscore.js来实现这一点……我对Backbone/Underscore也很陌生。CarList=Backbone.Collection.extend({model:Car,filterWithIds:function(ids){returnthis.filter(function(aCar){return_.

javascript - CSS 选择器性能,DOM 解析

我的问题与触发DOM解析有关,我想知道为什么使用CSSID选择器比使用类选择器更快。什么时候必须再次解析DOM树,我应该使用什么技巧和性能增强...还有,有人告诉我,如果我做类似的事情var$p=$("p");$p.css("color","blue");$p.text("Textchanged!");代替$("p").css("color","blue");$("p").text("Textchanged!");提高性能,对所有浏览器都是这样吗?另外,我如何知道我的DOM树是否已被重新解析? 最佳答案 嗯,#id选择器比类选择器更

JavaScript 和 CSS 在我的 liferay portlet 中不起作用

我必须为我的portlet使用一些JavaScript和CSS。我正在使用一些可数据的jQuery进行排序和一些交互式显示,但它不起作用。任何人都可以指导我犯错的地方吗?这是我的docroot目录结构,其中保存了我的JS和CSS。这是我的view.jsp文件,其中正在动态填充数据。ApplyingJQueryDataTablespluginintheJavaServerapplication$(document).ready(function(){$("#companies").dataTable({"sPaginationType":"full_numbers","bJQueryUI

javascript - jQuery 是否在两个不同的 CSS 类之间进行动画处理?

我想了解jQuery动画的工作原理。例如,如果我有一个带有CSS的a元素,使它看起来像一个可点击的图像,并且给定的with和height在CSS,我如何安全地为该元素的width和height设置动画?我需要为CSS类中的值设置动画吗?或者我是否需要使用width和height的目标值设置一个新的CSS类,并让jQuery从oldClass动画到新类?或者我可以简单地使用jQuery的.width()和.height()方法,而不管CSS中指定的值是什么?让我感到困惑的是:如果我使用jQuery调整元素的宽度,这是否也会修改我的CSS,或者jQuery/JavaScript是否只是用其

javascript - 如果使用 CSS3 翻译/转换来更改元素位置,则不会触发 Mouseenter/Mouseover 事件

我正在翻译(通过jQuery/CSS3)一个#wrapperdiv,通过更新Y轴。我已将mouseenter/mouseleave事件附加到#wrapper的子元素。当#wrapper翻译时,它的child一个接一个地来到鼠标下(即使鼠标没有移动)。这不会触发mouseenter、mouseleave事件。但是,当元素具有滚动条并通过鼠标滚轮滚动(而不是平移)时会触发事件。这是默认行为吗?如果是,有什么解决方法吗?Demo尝试使用鼠标滚轮滚动,但不要移动鼠标。我希望将.block的背景更改为red颜色,但它没有发生。 最佳答案 示例

javascript - Angularjs ng-repeat 在模型更改时不会更新

我的项目中有这段代码。我尝试使用$http从数据库中添加数据,但ng-repeat不更新表,只显示一个空白行。当我检查范围时,数据已经存在。我已经阅读了很多答案,但它们似乎与我的问题无关。TextoListaCuentaRed{{tuit.texto}}{{tuit.lista.nombre}}{{tuit.lista.cuenta.nombre}}{{tuit.lista.cuenta.red.tipo}}Controller:.controller('TweetsController',['$scope','$http','filterFilter',function($scope

javascript - Materialize css select 无法处理 JS 错误

我在使用MaterializeCSS框架选择表单时遇到问题。这是我的表格:ChooseyouroptionOption1Option2Option3MaterializeMultipleSelect$('select').material_select();这是我的slim布局:doctypehtmlhtmlheadmetacontent=("text/html;charset=UTF-8")http-equiv="Content-Type"/titleBudeprace=stylesheet_link_tag'https://cdnjs.cloudflare.com/ajax/lib

javascript - 模型或 Backbone.js View 中的类私有(private)属性

是否可以在模型中拥有私有(private)属性?就像(构造函数)函数中的局部声明变量一样,不附加到this,而是局部声明并且仅由(构造函数)函数中定义的任何内容可见。没有BBView的示例:functionMyView(aModel){var$internalInput=$('');this.render:function($where){$internalInput.val(aModel.get('SomeProperty'));$where.append($('').append($internalInput));};this.toggleReadonly:function(){t

javascript - 如何处理 Backbone 模型中的自定义响应

我开始在我的项目中集成backbone。我遇到的第一个困难是来自后端的响应不是JSON数组或不是为Backbone设计的。这是一个例子。//AbackbonemodelvarPerson=Backbone.Model.extend({});//AbackbonecollectionvarPersonCollection=Backbone.Collection.extend({model:Person,url:'/people'});考虑一下,当我请求/people时,它​​不会返回JSON数组的人。相反,它返回如下内容:{header:"somestr",people:["person