草庐IT

CSS定位div

全部标签

javascript - 单击它时更改 div 的类?

如何在单击时更改div类名称?例如:当用户点击div时,我想如下更改它我将JavaScript写成:functionchange_autorefreshdiv(){varNAME=document.getElementById("first_name")NAME.className="second_name"}它仅适用于第一个实例。那是在页面加载时,如果我单击它,first_name会更改为second_name。但是再次点击它,它不会将second_name恢复为first_name。 最佳答案 您必须定义第二个类名。目前,您有一

javascript - jQuery 将多个类添加到一个 div 标签

我想使用JQuery获取下一行代码:我使用$(document.createElement('div'));创建div,但是我该如何添加something和something_else到div?我确定这是基本的东西,但我似乎无法弄明白。 最佳答案 试试这个:$('',{"class":"somethingsomething_else"}) 关于javascript-jQuery将多个类添加到一个div标签,我们在StackOverflow上找到一个类似的问题:

javascript - 在 em 中获取 CSS 中定义的元素的宽度

我无法获取CSS中定义的元素的宽度。我想出了如何使用Javascript获取CSS规则,但我无法访问宽度。Menu是我在CSS中使用em定义的固定宽度。我正在尝试根据浏览器窗口减去固定的菜单宽度来更改div1的宽度。注意:我已经尝试使用style.width,但它在控制台中返回了一个空行。jsfiddle:http://jsfiddle.net/kj6pQ/vardiv1=document.createElement('div'),css=getMatchedCSSRules(document.getElementById('menu'));console.log(css);//wor

javascript - CSS 模块不适用于 React 版本 16.6.0

我试图在React中使用CSS模块。这是我的App.js代码importReactfrom'react';importstylesfrom'./index.css'constApp=()=>{constREACT_VERSION=React.version;return(MainappGreenYellowReactversion:{REACT_VERSION});};exportdefaultApp;这是我的index.css代码.test{background:black;color:white;font-size:34px;border:34px;}这是输出我知道我要修改webp

javascript - 使用 CSS(也许还有 JavaScript)使元素成为正方形(或保持特定的纵横比)

我有一个div,我希望它具有以下特征:宽度=其父元素的50%高度等于为保持特定纵横比所需的任何高度。我需要使用百分比,因为当浏览器调整大小时,对象会左右调整大小。我希望对象从上到下调整大小以确保对象保持相同的纵横比。我不认为有任何方法可以使用纯CSS来做到这一点,但是有人知道一种方法吗?或者,是否有一种简单的JavaScript方法可以做到这一点?(JQuery很好。) 最佳答案 虽然您需要使用透明图像,但我想出了如何在没有js的情况下执行此操作。设置一个html结构,如:Yourfavoritecontenthere为rect_i

javascript - 为什么 CKEditor 将自己添加到不应该添加的 div 中?

我有一个页面,我在其中一起初始化了Bootstrap-WYSIWYG和CKEditor。问题是CKEditor不断将自己添加到Bootstrap-WYSIWYGdiv,即使我已经使用class="ckeditor"专门初始化了CKEditor我的代码如下:可以在http://cloudadmin-theme.elasticbeanstalk.com/rich_text_editors.html找到该页面尝试点击标有“使用键盘快捷键的Bootstrap编辑器”的选项卡,其中写着“继续...”。这会调出CKEditoronfocus,这很奇怪!我已经无计可施了。有人可以指导我。我做错了什么

javascript - 如何知道 <div> 标签的滚动事件结束

如果滚动结束到达div标签,我需要触发一个函数..$("#page").bind("scroll",function(e){//pageistheIDofthedivimscrollingif(document.body.scrollHeight-$(this).scrollTop() 最佳答案 $("#page").scroll(function(){if($(this)[0].scrollHeight-$(this).scrollTop()==$(this).outerHeight()){//whatyouwanttodo...

javascript - jQuery css 回调函数

我正在尝试使用jQuery扩展我的搜索栏。我也想隐藏导航链接。我有一些这样的jQuery代码。此代码在焦点时工作正常。$(".searchBoxinput").focus(function(){$("#navlinks").css('display','none');$(this).css({'width':'200px','-moz-transition':'width0.5sease-out','-webkit-transition':'width0.5sease-out','transition':'width0.5sease-out'});});$(".searchBoxinp

javascript - 如何切换外部 CSS 文件?

我有几本关于AJAX的书,但还是很新。所有教程和这些书籍都有无处不在的示例:自动填充搜索栏和异步表单验证器。这些都很棒,但不是我要找的。具体来说,我想单击一个按钮并在我的header包含中切换外部CSS文件。这可能吗?好吧……我知道这是可能的,但你是怎么做到的?PS:我在这个元素中有jQuery,所以如果有内置的东西,那就更好了!PPS:我意识到我没有包含重要信息(不要开枪!):此操作的最终目标是拥有一个用户设置部分,用户可以在其中单击单选按钮并决定他们要为我们的应用程序使用的配色方案。所以我们最终会有8种不同的CSS样式可供选择。不确定这是否会改变实现此目标的最佳方法。用户正在登录他

javascript - CKEditor 剥离了 div 类,尽管它在 extraAllowedContent 中被指定

当我切换到源View或从源View切换时,CKEditor正在剥离divCLASS属性。这是配置:$('.cke-editor-restrictive').ckeditor({extraAllowedContent:["*[class,id]","a[*]","img[*]","strong","em","small","u","s","i","b","p","blockquote[class,id]","div[class,id,data-href]","ul","ol","li","br","hr","h1","h2","h3","h4","h5","h6","script[src