草庐IT

css-selectors

全部标签

javascript - 单击鼠标更改 knockout.js 中的 css 类

knockout.js文档显示了这样的css绑定(bind):ProfitInformation我需要调整它以更改鼠标单击时的css类。我该怎么做?根据下面的答案,我正在使用这样的代码://CSSclasstobeapplied.bigclass{width:200px;}//Selectlistinsideajquery.tmpl0}'/>//Knockout.jsViewmodelvarCriteriaLine=function(){this.SearchCriterion=ko.observable();this.SelectHasFocus=ko.observable(0);/

javascript - jquery $(document).on ('click',选择器,...) vs $(selector).on ('click',

我过去一直用:$(selector).on('click',function)但今天我将它绑定(bind)到在docready之后进入的对象(来自ajax调用)。绑定(bind)不会粘住。谷歌搜索后我看到了这个:$(document).on(event,selector,function)语法。改成这个之后,我的代码就可以工作了。我一直在脱离jquery,感觉我错过了一些东西,这两种方法有真正的区别吗?它们是什么?后一种语法是现在对新元素进行绑定(bind)的唯一方法吗(用于服务的目的livequery插件)? 最佳答案 第一个示例

javascript - 向下滚动页面后更改元素的CSS位置

我正在摆弄一些jquery试图掌握它。我有一个ul导航,它设置了绝对位置,但在我将页面向下滚动200像素后,我希望它切换到固定位置,以便导航始终停留在页面上。我该怎么做?下面是我正在处理的例子http://satbulsara.com/tests/ 最佳答案 感谢大家如此迅速的帮助这就是我想要的$(document).ready(function(){vartheLoc=$('ul').position().top;$(window).scroll(function(){if(theLoc>=$(window).scrollTop(

javascript - 如何组织css和js文件的缩小和打包以加快网站速度?

我正在为我的网站应用程序做速度优化。我找到了一些实践来做到这一点。例如BestPracticesforSpeedingUpYourWebSite来自雅虎。其中有:精简JavaScript和CSS。通过将多个文件(css、js)合并为一个文件,最大限度地减少HTTP请求的数量。我的问题是您使用什么基础设施、工具和构建过程,或者可以推荐什么来执行这些? 最佳答案 根据JavaScriptCompressionRater,最有效的工具是YUICompressor或JSMin. 关于javasc

javascript - ID 以纯 Javascript 结尾

我在一个Javascript库中工作,它为一件事引入了jQuery:一个“结尾为”选择器。它看起来像这样:$('[id$=foo]')它将找到id以“foo”结尾的元素。我希望在没有jQuery(纯JavaScript)的情况下做到这一点。你会怎么做?我还希望它尽可能高效。 最佳答案 使用querySelectorAll,notavailableinallbrowsers(likeIE5/6/7/8)though.它基本上像jQuery一样工作:http://jsfiddle.net/BBaFa/2/console.log(docu

javascript - 我如何在第一次迭代时反转 CSS3 动画(而不是第二次迭代)

我已经设置了这样的CSS3动画:@-webkit-keyframesslidein{from{-webkit-transform:translateX(100%);}to{-webkit-transform:translateX(0);}}如何在类定义上反转此动画?例如:.slideinTransition{-webkit-animation-name:slidein;-webkit-animation-direction:alternate;}这将在第二次迭代时反转动画,我想在第一次迭代时直接反转它。 最佳答案 试试这个:-web

javascript - 使用 JavaScript 动态应用 CSS

使用JavaScript将样式动态应用到HTML元素(即样式值在运行时创建)的好方法是什么?我正在寻找一种将JavaScript小部件(JS、CSS和标记)打包到单个组件(基本上是一个对象)中的方法。这个想法是让组件封装样式(因此用户有一个很好的API来修改它,而不是直接修改CSS并间接应用更改的更紧密耦合的方法)。问题在于单个API调用可能意味着对多个样式元素的更改。我这样做的方法是构建CSS并将style属性设置为适当的元素(很可能使用ID来避免将更改应用到标记的其他区域)。这是一个好的解决方案吗?有更好的方法吗? 最佳答案 使

javascript - 将 SVG 文本更改为 css 自动换行

以下代码用于显示javascript树形图的文本标签。nodeEnter.append("svg:text").attr("x",function(d){returnd._children?-8:-48;})/*thepositionofthetext(lefttoright)*/.attr("y",3)/*thepositionofthetext(UpandDown)*/.text(function(d){returnd.name;});这里使用了svg,它没有自动换行功能。我该如何更改这个普通段落以便我可以使用css将其自动换行。如何制作此常规文本而不是svg文本?

javascript - 使用 jQuery "this"加上 CSS 选择器?

我正在编写一个脚本来显示/隐藏div中的一个部分。我有3个带有隐藏部分的div,但希望使用一个函数来控制所有3个。这是我现在拥有的:$('.rates,.hours,.otherinfo').click(function(){$('.expand').toggle();});这是HTML:RatesTextinhereishiddenbydefault.HoursTextinhereishiddenbydefault.OtherInfoTextinhereishiddenbydefault.和CSS:.expand{display:none;}显然,当您单击其中任何一个时,这会显示所有

javascript - 如何通过css在输入框中应用Title Case

我正在使用text-transform属性将输入框文本转换为标题大小写,但我没有获得执行此操作的确切属性或组合。我也试过text-transform:capitalize;text-transform:lowercase;我正在尝试为这些自动转换nIkleshraut:NikleshRautNIKLESHRAUT:NikleshRaut或者我应该使用Javascript。 最佳答案 您可以使用css执行以下操作。这将适用于所有单词。input{text-transform:capitalize;}::-webkit-input-pl