Tag: css
jquery Cookie设置并获得div的扩展状态
我有一个与此主题相关的问题和问题。 我有多个div通过c＃代码动态加载。 我们无法计算需要在网页中显示的面板（每个类别）的数量。 它可能是单个或4或5有时更多。 前面的代码按预期正常工作。 现在，我想在回发或页面刷新时保留每个div的折叠或展开状态。 我尝试使用jquery cookie，但我们似乎无法设置并获取每个部分的cookie状态。 我试过的代码是 jQuery(function ($) { var $heads = $(“.toggle-container .toggle-header”); $heads.click(function () { var $this = $(this); $this.find(‘i’).toggleClass(‘icon-chevron-sign-down icon-chevron-sign-up’); $this.next().slideToggle(“slow”); if ($this.next().is(‘:visible’)) { $.cookie(‘expanded’, ‘true’); } else { $.cookie(‘expanded’, ‘false’); } }); var cookieValue = $.cookie(“expanded”); if (cookieValue === “true”) { $heads.next().show(); } else { $heads.next().hide(); } }); […]
WordPress儿童主题包括包含文件
我正在使用AMPPS作为本地主机在本地计算机上进行WordPress设置。 使用Delta主题我创建了一个子主题（delta2-child）。 初始设置很有效。 但是，我需要更改名为home-slider.php的includes文件夹中的文件。 原始文件的位置： c:\Program Files (x86)\Ampps\www\armstrong\wp-content\themes\delta\includes\home-slider.php 子主题文件的位置： c:\Program Files (x86)\Ampps\www\armstrong\wp-content\themes\delta2-child\includes\home-slider.php 如果我将home-slider文件移动到Child Theme文件夹[delta2-child \ includes \ home-slider.php]，主题仍然使用Parent Themes主滑块文件。 如果我将以下内容添加到CT的functions.php文件中： require_once( get_stylesheet_directory_uri() . “/includes/home-slider.php” ); */ 我收到以下错误： Warning: require_once(C:\Program Files (x86)\Ampps\www\armstrong/wp-content/themes/delta/includes/home-slider.php) [function.require-once]: failed to open stream: No such file or directory in C:\Program Files (x86)\Ampps\www\armstrong\wp-content\themes\delta2-child\header.php on line 87 Fatal error: require_once() [function.require]: Failed opening required […]
如何function化倒计时？
我做了一个倒数计时器并使用HTML和CSS对其进行编码，但我无法使用jQuery使其正常运行。 我怎样才能将这个倒计时function化？ 这是我更喜欢倒计时的HTML结构： # days # hours # minutes # seconds 如您所见，我已经添加了几天，几小时的段落元素，因此我不想通过jQuery嵌入任何额外的文本。 PS有谁能告诉我如何设置新的倒计时日期？
鼠标翻转/卷展栏上的跳跃（越野车）字形地图图标
在我最初的任务中，在RoelN的帮助下，我能够将南非各省转换为SVG地图并将地图拼凑得很好 我现在需要为我已经开始做的这张地图设置动画，但因为地图都是绝对定位并且彼此重叠，所以当你尝试选择正确的地图时它就会出错。 简单的动画： 滚动省，省扩大50％ 展开当前省份，地图缩放回原始大小。 也许最好的方法是在当前地图处于激活模式时停用所有其他地图？ 这是最新的小提琴（aaaaaargh不允许发布Fiddle链接！这么多重复，我在jsFiddle有一个工作版!!!!） 编辑：请参阅下面评论中的jsFiddle链接 这是代码。 @font-face { font-family: ‘za-provinces’; src:url(‘http://vane.co.za/files/south-african-province-glyphs/fonts/za-provinces.eot’); src:url(‘http://vane.co.za/files/south-african-province-glyphs/fonts/za-provinces.eot?#iefix’) format(’embedded-opentype’), url(‘http://vane.co.za/files/south-african-province-glyphs/fonts/za-provinces.woff’) format(‘woff’), url(‘http://vane.co.za/files/south-african-province-glyphs/fonts/za-provinces.ttf’) format(‘truetype’), url(‘http://vane.co.za/files/south-african-province-glyphs/fonts/za-provinces.svg#za-provinces’) format(‘svg’); font-weight: normal; font-style: normal; } .maps { position: relative; .mini-map-wrapper { position: absolute; top: 10px; left: 50px; width: 330px; height: 330px; padding:10px; background-color: rgba(255,255,255,0.5);; } .mini-map { width: 100%; height: 100%; margin: 0 […]
使用css / jquery自定义垂直滚动条
我有一个div作为 ，其中包含一些 标签。 我正在设置div的样式如下： #content{ height:200px; overflow-y:scroll; } 有没有办法可以自定义滚动条。 我的意思是我想要更改滚动条颜色及其背景。
如何使用jQuery垂直居中模式，与滚动高度无关？
我想垂直居中一个模态。 如果窗口高度足以要求滚动，则弹出窗口始终显示在顶部附近。 这意味着我需要向上滚动才能看到它。 var winH = $(window).height(), winW = $(window).width(); $(“.popup”).css(‘top’, winH / 2 – $(“.popup”).height() / 2); $(“.popup”).css(‘left’, winW / 2 – $(“.popup”).width() / 2); CSS： .popup { overflow:hidden; position:absolute; width:600px; }
加载表动态地丢失样式规则
我在jquery中生成的div中加载一个带有表的页面。 装载很顺利，但桌子失去了它的风格。 我试图在加载的页面，登录页面上，甚至桌面上的内联样式上应用样式。 内联样式部分工作，如背景颜色，但文本不允许我更改字体类型，大小，重量。 $(”, { id: ‘newdiv’, }).appendTo(‘body’); $(‘#newdiv’).load(‘combi/page.with.table.php’); 表格简化了。 tr或td上没有样式。
检测图像的高度
我的项目中有几个图像（具有不同的大小），并改善了我为这些图像设置此CSS的页面布局： #Banners { max-width: 250px; max-height: 350px; border: 1px solid #fff; box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; } .float { float: left; } 但是有些图像小于350px ，它们所在的容器的min-height设置为360px ，然后它在我的页面上留下了一个空白区域。 所以我想获得图像的实际height （传递CSS代码后的height ）并使用jQuery将容器min-height设置为等于图像height 。 如何通过CSS传递图像height ？
JqGrid和自定义类
是否可以调整jqGrid以在EditForm中向输入添加一些类？ 例如，我可以通过在colModel部分中指定属性classes来向单元格添加类。 我想知道，存在类似的输入机制吗？
使用css将div添加到div的一侧
我需要在菜单中的当前li的一侧添加一个三角形。 我设置它以便我可以用jquery编辑它的css，并想知道是否可以通过编辑li上的边框而不是添加新的div来实现这种效果。 jsfiddle：我想通过向div-1添加边框来了解第二个div .div-1 { width:174px; height:32px; line-height:32px; margin-bottom:6px; display:block; background-color:#149dae; } .triangle { width: 0px; height: 0px; border-style: solid; border-width: 16px 0 16px 16px; border-color: transparent transparent transparent #149dae; position:absolute; margin-left:174px; }
