草庐IT

CSS面试问题

全部标签

javascript - :hover produces errors. 我该如何解决这个问题?

我注意到我在网站的控制台中收到以下错误。Error:Syntaxerror,unrecognizedexpression:unsupportedpseudo:hover@/wp-includes/js/jquery/jquery.js?ver=1.8.3:2我发现错误是由于我的一个js文件中的这一行造成的:if(qactive==0&&!($('#slider').is(":hover"))){我可以用什么替代方法来编写此行以使错误消失? 最佳答案 您只需将您的元素绑定(bind)到几个事件。$("#slider").hover(f

c# - Knockoutjs 绑定(bind)对象问题

我正在研究knockoutjs并遇到一些问题。我有一个ASP.NETMVC页面,其中一个方法返回三个Car对象的列表是JSON。我将它映射到HTMLView中的select并且我想在选择更改时显示所选汽车的成本。问题是汽车的名称是可见的,而价格是不可见的('Mercedes-Benzcosts.')。它可能是什么?提前致谢!Controller:publicclassCar{publicstringMake{get;set;}publicdecimalPrice{get;set;}}publicJsonResultGetCars(){Listcars=newList();cars.Ad

javascript - Css 动画以在悬停时扩展按钮文本

我想在鼠标悬停时在按钮上显示更多文本,并且我希望按钮随扩展文本缩小和增大。我需要一个通用的解决方案,因为按钮上的文本及其宽度将取决于用户选择的语言。这是我(目前没有工作)的尝试.hover-value{display:inline-block;visibility:collapse;width:0%;-webkit-transition:width2s;transition:width2s;overflow:hidden;}button:hover.hover-value{visibility:visible;width:100%;}ResultAddnewresult同样在JsFid

javascript - Datejs - 12 :00 pm 问题

我真的不知道我做错了什么。我无法让Datejs正确解析“12:00pm”,但它似乎在其他日期也能正常工作。以下是来自Firefox调试器的剪辑: 最佳答案 从SVN下载最新版本的Datejs,而不是“下载”部分中的版本。 关于javascript-Datejs-12:00pm问题,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/6444775/

javascript - 如何在 Javascript 中获取 css3 多列计数

我们正在使用新的css3多栏布局属性将我们的文本放入报纸栏中。每列都有固定的宽度,列数默认为“自动”,这意味着浏览器决定有多少列。我们如何在Javascript中获取实际的列数作为整数?如果我们查询css“column-count”(或-moz-column-count),结果要么是“auto”,要么是空白。 最佳答案 秘诀是在内容的末尾放置一个小标记。您可以以编程方式添加一个空跨度:然后使用jquery$("#mymarker")获取跨度并获取“left”属性。将该数字除以列宽(针对列间距进行调整),这将告诉您最后一个元素在哪一列

javascript - 在没有 jQuery 的情况下检查 CSS 类是否存在

有人可以使用vanillajavascript或原型(prototype)告诉我如何运行检查以查看某个类是否存在吗?例如,我正在使用以下代码添加一个名为hideIt的类:varoverlay=document.getElementById("overlay_modal");overlay.className+="hideIt";我还需要一个稍后可以检查hideIt是否存在的脚本。我试过这样的事情:if(overlay.className=="hideIt")但是这样不好。有什么想法吗? 最佳答案 使用regexp.\b将匹配单词边界

javascript - CSS3 + Javascript - 将 -ms-transition :opacity 1s ease-in-out; work in IE 10 alone?

我今天一直在玩弄一些CSS3+JavaScript。下面是我的代码,(正在尝试制作世界上最小的图像褪色画廊,不知道我是否成功)。虽然我不太确定如何设置CSS。请参阅下面的评论问题:-ms-transition:opacity1sease-in-out;//WillthisalloneworkinIE10?transition:opacity1sease-in-out;//Whydowesetthis?也许是世界上最小的JS-Gallery:HB-CSS3+JSGallerybody{margin:0;text-align:center;font:200px/500pxgeorgia}#

javascript - List.js - 按日期排序问题

在我的应用程序中,我使用List.js进行排序。所有“字符串”值都工作正常。但是我在列中确实有“修改日期”。当我单击“按日期修改”时-进行排序,这只是考虑日期值,文本是什么,例如:1/4/11..并相应地进行排序。由于这种方法,我得到了错误的排序顺序。我怎样才能改为按日期的数字的实际值排序?这是我的代码:newList('mfi-col2',{valueNames:['companyLegalName','phazeName','contactName','number','enrollId','accountType']});是否可以发送$(".number").data-numbe

javascript - ReactJS:用于 css 转换的切换类

我需要在组件(甚至页面)完全呈现后打开css类,以便在页面加载时对相关属性进行动画处理。我该怎么做,最好不用jQuery?如果我在componentDidMount中切换组件的类,动画实际上不会发生。 最佳答案 我真的没听懂你说的那部分:afteracomponent(oreventhepage)iscompletelyrendered,sothatrelevantpropertiesareanimatedonpageload.您希望在什么时候为元素设置动画?如果您在render()函数中指定类名,则组件将在页面加载时使用动画呈现。

javascript - 无法使用 webpack 缩小 css 代码

网络包版本:4.16.3全部编译成功。我在bundle.css中编译后的代码不是minify。我尝试在text-webpack-plugin中使用minimize:true,但它不起作用。对于编译,我在命令行中使用命令:webpack在我的工作目录中我做错了什么?我的wepback配置:'usestrict'constwebpack=require("webpack");constExtractTextPlugin=require('extract-text-webpack-plugin')module.exports={context:__dirname,mode:'producti