草庐IT

CSS面试问题

全部标签

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 - ionic 2 ion-datetime ISO格式问题

我正在使用ion-datetime作为我的预约表格。插入时它工作正常,没有任何问题。但是当我需要从后端更新插入的约会日期表单详细信息时,日期值未显示在ion-datetime中。下面是我的代码:update.html:AppointmentDate:更新.ts:leadDetailsUpdate={appt_date:''};我从后端获取的日期格式如下:appt_date:"2017-01-01"以下是我在控制台中收到的错误消息:解析日期时出错:“null”。请提供有效的ISO8601日期时间格式:https://www.w3.org/TR/NOTE-datetime

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 - 尝试设置 requestPointerLock() 时似乎出了点问题

我的代码似乎有问题,但我不知道是什么。我正在尝试调用pointerlockchangeapi来禁用指针并将鼠标用作fpsController。问题是总是触发pointerlockerror并且我收到Errorsettingpointerlock!消息。该函数在$(document).ready中调用。这是代码。:functioninitLock(){varhavePointerLock='pointerLockElement'indocument||'mozPointerLockElement'indocument||'webkitPointerLockElement'indocume

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

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

javascript - jquery/javascript 缓存问题

我想知道-在我的网站中使用jQuery(或任何其他javascriptinclude)时,浏览器是在第一次下载所有页面后缓存它(我假设是)还是每次都下载它?2,当用户退出浏览器并再次启动时(为了加载我的网站),jqueryjs文件是否仍然被缓存或者是否会再次完全下载?谢谢 最佳答案 这取决于浏览器和服务器的设置方式。查看服务器随文件发送的header(您可以使用Firebug等工具查看header)。一个好主意是使用由google托管的jQuery文件,因为许多其他站点(包括stackoverflow)使用相同的文件。然后浏览器可以

javascript - mouseover() mouseout() jQuery 添加/删除类问题

我正在尝试使用mouseover、mouseout、addClass和removeClass的组合来创建简单的鼠标悬停效果。基本上,当用户将鼠标悬停在某个元素上时,我想应用不同的边框(1px灰色虚线)。初始状态是“1px纯白色”。我有一个名为“highlight”的类,其中只有“border:1pxdashedgrey”。我想在onmouseover上添加该类并在onmouseout上将其删除,但我无法获得我想要的效果,除非我在“高亮”类中使用!important。 最佳答案 听起来好像您的javascript可以正常工作,但这只是

Javascript 数组问题

为什么JavaScript返回错误的数组长度?varmyarray=['0','1'];deletemyarray[0];alert(myarray.length);//givesyou2 最佳答案 “删除”不会修改数组,但会修改数组中的元素:#x=[0,1];#deletex[0]#x[undefined,1]你需要的是array.splice 关于Javascript数组问题,我们在StackOverflow上找到一个类似的问题: https://stac

javascript - 如何使用css3/javascript用颜色将一个圆分成12等份

HTML:CircleCSS:.circle{width:450px;height:450px;border-top:30pxsolid#416fa6;border-right:30pxsolid#718242;border-bottom:30pxsolid#63ae98;border-left:30pxsolid#b45447;-webkit-border-radius:300px;-moz-border-radius:300px;border-radius:300px;}.innerCircle{width:0px;height:0px;border-top:210pxsolid#

javascript - 尾随逗号问题,javascript

我目前正在努力让我的jQuery在IE7中工作,当我检查以下内容时:$(".regflow").validate({errorLabelContainer:$("#error-message"),rules:{txtTextOnly:{required:true,textOnly:true},txtNumbersOnly:{required:true,numbersOnly:true},txtPhoneOnly:{required:true,phoneOnly:true},txtAreaCodeOnly:{required:true,numbersOnly:true},txtSimCo