草庐IT

4.CSS盒子模型

全部标签

javascript - css pointer-events 属性更改和各自的 jquery 事件不一起触发

这是我的代码段。我正在使用iscroll4在触摸设备和桌面上滚动。$('#next_item').bind('mousedowntouchstart',function(e){//dosomethingonclick$(this).bind('mousemovetouchmove',function(e){//triggersonlywhenidragoveritdragstart=true;$(this).css('pointer-events','none');myScroll._start(myDown);return;});});$('#next_item').bind('mo

javascript - 如何在 BackboneJS 中显示模型属性的选择列表(下拉列表)?

我正在尝试在Backbone.js中构建一个简单的联系人编辑器应用程序,但我遇到了一些我不知道如何解决的问题,因为我还不熟悉Backbone.js。我有一个模型Contact并且该项目有一个字段ProductLineID(每个Contact都有一个与其相关联的ProductLine)。在显示此联系人的编辑器时,我想显示一个下拉列表,其中包含可能的ProductLine选项,并将其预设为当前值。我将如何在Backbone.js中做到这一点?我知道如何在knockout.js中使用数据绑定(bind)来做到这一点:在此示例中,productLineOptions是一个已预加载到页面上的JS

javascript - 使用 CSS/Javascript 使具有部分透明度的背景图像变暗

我正在使用部分透明的CSSSprite(即图像中的对象是不透明的,背景是透明的)。我想使用CSS或Javascript使图像变暗。我需要让图像改变黑暗级别,为每个黑暗级别制作单独的图像是不切实际的。如果不是为了透明背景,我可以在图像顶部添加一个黑色层并更改该层的不透明度。这基本上是我所拥有的:http://jsfiddle.net/PXU6j/2/HowdoImakethisdarker? 最佳答案 在上面放一个带有alphachannel的黑色div:http://jsfiddle.net/PXU6j/3/注意我用过backgro

javascript - CSS 在容器内旋转元素

如果您看一下:http://jsfiddle.net/KA4dz/在此演示中,您可以清楚地看到内部元素由于旋转而到达外部元素的外部。请求是缩小内部元素(同时保持纵横比和中心定位)以使其适合其容器。用例是用户可以手动旋转这样的内部元素,同时确保它位于外部元素内。(所以简单地缩小直到适合眼睛不是解决方案)。在这种情况下,我的数学技能明显不足。在此阶段发布我尝试过的内容不会有多大用处。有人可以指出我正确的方向吗?谢谢!一个额外的要求是内部元素只在需要时缩小,但在不需要时永远不会缩小(需要意味着离开外部元素的边界)要保存点击:.outer{border:1pxsolidblack;width:

javascript - Css3 Webkit css 动画 : resize a div rectangle

我试图了解是否可以使用webkit动画在Jquery中复制方法animate假设我有一个50pxx50px的div使用jquery,我可以轻松地调整大小并使用以下方式设置动画:$('#mybox').animate({'width':'100px','height':'70px'},300)//sofrom50x50itanimatesto100x70//thevalues100and70shouldbadynamically//inputsoicancreateafunction(Width,Height)toaltermybox我想知道如何做同样的事情,如果可能的话使用CSSWeb

javascript - 过滤掉有CSS样式显示的JQuery元素 :none

选择器为我提供了一组元素。在元素集中,我有1或2个元素具有CSS属性display:none。我必须删除这些元素并获取显示的元素。如何使用JQuery完成此操作? 最佳答案 您可以使用.filter()。vardisplayed=$('mySelector').filter(function(){varelement=$(this);if(element.css('display')=='none'){element.remove();returnfalse;}returntrue;});这将从您的选择器中返回属性displayno

javascript - Backbone 模型数组属性更改和更改事件监听器并不总是触发

这个问题在这里已经有了答案:doesBackbone.Modelsthis.get()copyanentirearrayorpointtothesamearrayinmemory(1个回答)关闭9年前。我在Backbone中使用更改事件发现了一些奇怪的东西。它与具有数组作为属性的模型一起使用。如果我让属性在内部推送一个新值并将其设置回模型,则不会触发更改事件...这是一个完整的文档示例:varTestModel=Backbone.Model.extend({defaults:{numbers:[]},initialize:function(){this.on('change:numbe

javascript - 为 blockUI 使用外部 CSS 而不是内联 CSS

我在多个地方使用blockUI,它们都具有相同的属性,所以我在我使用的所有地方不断重复相同的css值。有没有办法将它放入CSS文件中。目前我使用:$.blockUI({message:$('#Something'),css:{border:'5pxsolid#F4712',backgroundColor:'#6F4712',width:'300px'}});我可以像这样使用吗:$.blockUI({message:$('#Something'),css:{class:"alertBox"}});谢谢 最佳答案 根据documenta

javascript - Backbone.js - 如何在模板中使用自定义模型属性?

这可能是一个非常简单的问题,但我很难找到答案。使用主干,我有这条线:Person=Backbone.Model.extend();然后我将其用于从URL填充的集合中。为了这个例子,假设我有名字和姓氏,我想做类似的事情:Person=Backbone.Model.extend({FullName:this.get("firstName")+""+this.get("lastName")});我可以使用People.first().FullName()等在Backbone内部调用它。但是如果我将People.first()传递给我的View并在模板中呈现它,它似乎不知道FullName是什

javascript - CSS 样式可见性未按预期运行

我有一个带有基本选项卡控件的html页面。我使用javascript来显示和隐藏选项卡和选项卡内容div。我的问题是,如果我将其中一个选项卡内容div中某个元素的可见性更改为“隐藏”,然后再更改为“可见”,该元素似乎忘记或丢失了其父div容器并保持可见,无论其原始内容如何parent可见度。为了说明,请看下面的例子:functionhideTab(){document.getElementById('tab1').style.visibility='hidden'}functionshowTab(){document.getElementById('tab1').style.visib