草庐IT

CSS定位div

全部标签

javascript - jquery 查找所有 div 子项的总高度

嘿,我有一个包含5个div的div,我想将它们的所有高度加在一起,这是我根据Jeff的回答最终使用的解决方案。谢谢你帮我。varev_totalHeight=0;$("#events>div").each(function(){ev_totalHeight+=$(this).innerHeight();});functionevents_open(){$("#events").animate({"height":ev_totalHeight},450);}$("#events").click(function(){events_open();}); 最佳答案

javascript - 在 Bootstrap 模态中滚动到 DIV

我有3个按钮将触发相同的模式但需要滚动到不同的部分。我正在努力实现这一目标,请提供帮助。LaunchmodalLaunchmodalLaunchmodal............................................. 最佳答案 使用模态事件shown.bs.modal并为该部分使用data。打开模式的链接可以在event.relatedTarget中找到。给你:-$('#myModal').on('shown.bs.modal',function(event){//resetthescrolltotop$

javascript - 地理定位在代码笔中不起作用

我正在尝试在codepen中实现一个简单的天气应用程序。该应用程序在本地主机上运行良好它请求使用navigator.geolocation的许可,如果被接受,它会显示天气,但在Codepen上,它甚至没有请求许可。这是链接http://codepen.io/asamolion/pen/BzWLVe这是JS函数functiongetWeather(){'usestrict';$('#getWeatherButton').hide();if(navigator.geolocation){navigator.geolocation.getCurrentPosition(function(po

javascript - 使用 webpack、bookmarklet-loader、style 和 css-loader 创建书签

我正在尝试使用bookmarklet-loader创建一个小书签以及样式加载器和css加载器。但是我在将css导入我的小书签时遇到了问题。这是我的webpack.config.js:constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constCleanWebpackPlugin=require('clean-webpack-plugin');module.exports={entry:{index:'./src/index.js',bookmarklet:'./src/book

div 标签的 JavaScript 正则表达式

我有一个保存HTML页面的JavaScript变量,由于设置的原因,我需要提取之间的所有内容。和使用JavaScript从该变量。非常感谢任何帮助。 最佳答案 varhtml="hellostackoverflow!";varmatches=html.match(/[\S\s]*?/gi);varmatches=matches[0].replace(/(]+>)/gi,'');//StripHTMLtags?alert(matches); 关于div标签的JavaScript正则表达式,

javascript - 如何制作玻璃状和半透明效果的div?

我想给一个div一个玻璃反射外观以及半透明效果。我怎样才能结合这两种效果,使div看起来像一个玻璃般透明的小工具?有办法做到这一点吗?div的bgcolor是lightskyblue,还没有设置背景图片。 最佳答案 您可以在背景颜色中赋予alpha透明度。例如div{background:rgba(255,255,255,0.5);/*whitecolorwith50%transparency*/}在IE中,rgba不起作用。你需要使用过滤器。例如div{background:transparent;-ms-filter:"prog

javascript - 1000 个 div 上的 jQuery 单击事件,优化方法?

我正在构建一个销售事件门票的系统。目前大约有1000个不同的座位可供游客选择。也许有一天它会达到5000。现在我有一个div用于每个位置,然后是一些jQuery以使用ajax保留位置。所以这意味着我有大约1000个div,更令人担忧的是我的jQuery选择器在每个div上设置了一个点击事件。在这方面有更好的方法吗?我想在按下div时触发ajax,而不是重新加载页面。 最佳答案 使用.delegate():$("#container").delegate(".child","click",function(){alert("Click

javascript - 如何在 JavaScript 中测试 CSS 选择器?

我如何测试CSS1-3选择器以检查它们是否获得了正确的元素,例如使用JavaScript(也许是jQuery)? 最佳答案 到目前为止,最简单的传统方法是根本不使用JavaScript,而只是手动设置一个测试页面,您可以在其中测试选择器是否满足您的需求。您在Web上看到的测试用例(如众所周知的CSS3.infoSelectorsTest)实际上只是在线托管的增强版本。但是如果您正在寻找JavaScript方法,您可以尝试SelectorsAPI.它在现代DOM实现(IE8+和其他)中可用,它提供了一个JavaScript前端,用于使

javascript - 灯箱背景颜色应使用 CSS 覆盖整个屏幕

这是我的页面网址http://sample.com/mytest.php在此页面中,如果我们单击“登录”按钮,它将显示一个黑色背景的弹出屏幕。但是如果我们缩小页面,那么它会减小背景颜色的大小。但是如果我们缩小,我想覆盖整个屏幕的背景。我在我的页面中使用了下面的代码。.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:2000%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(

javascript - Grunt JS 如何定位 * 所有文件夹

此src似乎没有针对任何内容/不返回任何内容。src:['docroot/components/*/*.js']而不是这个src:['docroot/components/pages/*.js','docroot/components/plugins/*.js']是否可以定位随机文件夹? 最佳答案 你应该使用双星:src:['docroot/components/**/*.js']注意文件夹的双星。如果您想限制一个文件夹的深度扫描,您可以使用src:['docroot/components/{,*/}*.js']如果需要,这有助于提