Tag: css

JQuery：在窗口resize时更改body css属性: 当窗口大小改变时，我试图让我的网站扩展其宽度。 JQuery的： $(window).resize(function() { var w = $(“body”).width(); if(w-810 < 0) { $("body").css("Left","0px"); } else { var width = w.toString() + "px"; $("body").css("Left",width); } }); CSS： body { background-color: #eeeeee; position: relative; left: 20%; } HTML： …. 有一点我注意到，如果我按类选择主体（在jquery中更改为“#body”），它的宽度总是默认为0px。有任何想法吗？

使用jQuery向vh中设置的元素left属性添加/减去固定值: 我有以下代码： HTML： CSS： #my-div{ display: none; position: absolute; left: 150vh; bottom: -150px; } jQuery的： $.fn.vhLeft = function(property,unit){ var wpx = this.css(property).replace(/[^0-9]+/g,””); var temp = $(”).css({ left:’1’+unit, position: ‘absolute’ }); $(‘body’).append(temp); var oneEm = temp.css(property).replace(/[^0-9]+/g,””); temp.remove(); var value = wpx/oneEm; return (Math.round(value*100))+unit; }; // You could now get your value like alert($(‘#my-div’).parseInt(vhLeft)(‘left’,’vh’)); 获得@Zword的学分。首先，它看起来function有问题。有些值可以使用，有些值不会返回正确的值。 150vh示例 […]

如何使用jquery将CSS类添加到页面？: 我想使用jquery将新的CSS类附加到文档的head脚本以更改该页面上的元素。通过使用这样的东西应该很简单： var myhex = #e6399b; $(” #someid { color:myhex; } “).appendTo(“head”); 我已经创建了一个FIDDLE来测试，但我无法让它工作。我认为在HTML代码中间有一个JS变量的语法非常简单 – 我试过’+myhex+’和+myhex+但是说实话我猜这一点。笔记：我需要通过变量来完成它，因为变量的内容经常变化。我意识到直接的答案是“使用.css（）”，但在这种情况下我不能使用它，因为我在jquery对话框中为一个元素添加了一个样式。这样做的唯一方法是通过jquery的dialogClass命令（即你必须通过’class’而不是通过.css()来设置样式。谢谢你提供的所有帮助。

IE7-8中的Jerky Parallax: 我已经在我正在开发的网站中引入了基本的视差效果。它在Chrome，Firefox和IE9中运行顺畅; 但它在IE7和IE8中真的很生涩。我看过更复杂的网站，我看不到像我那样的“急躁”。我只使用两个顶部有扫描线纹理的图像。可能导致这种情况的任何想法？ #intro { background: url(../img/graphics/top-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-width: 1024px; min-height: 768px; height: 100%; position: relative; } #second { background: url(../img/graphics/content-bg-2.jpg) center no-repeat fixed; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-width: 1200px; min-height: 768px; height: 4800px; } […]

如何为数据表搜索栏创建特定的html结构？: 我正在尝试将此结构添加到搜索栏： Search 实际上我试图将此代码添加到我的数据表中： $(“#example-datatable”).DataTable({ keys: !0, “dom”: ‘lrtip’, 但是你可以从这个JSFIDDLE看到结果是完全错误的。最终结果应该是这样的：我做错了什么？

在jqGrid中更改rownumber值的CSS: 我用rownumbers:true改变了jqGrid的属性rownumbers:true 。因此它显示行号。现在我想改变它的CSS 。我怎样才能做到这一点？在上图中，记录的CSS已更改，但行号的CSS未更改。现在我想改变行号的CSS。我怎样才能做到这一点？

如何设置或覆盖下拉菜单的默认hover颜色？: 我知道，不知怎的，你可以做到这一点。我只是不确定。我最好想要覆盖选择菜单（下拉菜单）的默认蓝色hover，这样我就可以添加一个box-shadow：inset 0 0 3px 3px到我的选项。那么，JavaScript，JQuery，（最好）CSS？我对JavaScrip和JQuery了解不多……我还没有那么远，但是对这个问题的任何帮助都将不胜感激。谢谢！ http://lrroberts0122.github.com/DWS/lab6/level-1/

CSS background-images onload check: 我使用http://desandro.github.com/imagesloaded/ imagesLoaded插件，非常适合检测div的图像何时加载： $(‘.background’).imagesLoaded(function() { console.log(‘background loaded’); }); 我需要这个也检查何时加载了通过CSS应用的背景图像，因为上面的插件似乎不会监听背景图像。有任何想法吗？

我如何使用jQuery进行调试。为什么这段代码不起作用？: 我正在使用css和jQuery进行弹出式登录表单。登录弹出窗口是正确的，但我的问题是…关闭弹出窗口的唯一方法是按下提交按钮。当用户点击然后屏蔽或关闭图像时，为什么它不会关闭。我对此感到疯狂…… 请帮我！！代码： http ： //jsfiddle.net/XZAmn/ HTML： login LOGIN JavaScript的： $(document).ready(function() { $(‘a.btn-sign’).click(function() { // Getting the variable’s value from a link var loginBox = $(this).attr(‘href’); //Fade in the Popup and add close button $(loginBox).fadeIn(300); //Set the center alignment padding + border var popMargTop = ($(loginBox).height() + 24) / 2; var popMargLeft […]

使用jQueryUI Accordionfunction的Scrollspy: 所以我已经设法弄清楚如何使用scrolllspy，但是我没有意识到我的目录对于导航来说太长了。我想知道如何添加手风琴类型的function，以便我的导航栏目录在滚动后传递关联的锚点时会崩溃。我基本上是在寻找与bootstrap网站相同的function，因为它附带了侧边栏。我已经看过这个：使用bootstrap scrollspy作为崩溃的div，到一个附加的侧边栏但是我不确定这是否与我正在寻找的东西相同。我也考虑过使用Greg Franko编写的TOCIFY插件，但我不确定如何实现它。我一直在阅读TOCIFY文档，但我不确定它是什么我必须改变。目前我的scrollspyfunction正在使用此设置： Executive Summary Defining Mental Health Review Process Findings and Recommendations Acknowledgement Preamble Section One: Our Context Mount Royal University: A World of Difference Mount Royal’s Vision Mount Royal’s Mission Mount Royal’s Guiding Principles Health and Safety at Mount Royal University Student Services Plan Rationale for […]