获取屏幕窗口的宽度和高度以及div jquery的高度

简单来说,这就是我追求的jQueryfunction: 我需要获取浏览器窗口的宽度和高度,然后获得.banner div的高度(高度是自动的)。 如果.banner div的高度高于浏览器窗口高度的高度,则将.title div和.social div附加到正文,否则在.banner div中显示.title div和.banner div。 然后我如何相应地设置两个div的样式( .title和.social )? 编辑:这是我的HTML页面加载代码:

最后一次斜线后jQuery .split()?

我无法在.split()上找到太多文档,我有一些代码可以在单击两个单独的按钮时更改图像的来源以及图像的目标文件夹。 一个按钮更改源文件夹,另一个按钮更改实际的jpeg名称。 我的脚本运行正常,但现在它正在运行,它是多个文件夹深,当我点击更改文件夹时,默认图像隐藏/不显示最后一个/之后的实际jpg,直到我点击另一个按钮。 我有的jquery如下: $(document).ready(function(){ siteUrl = ‘http://webdev.timberwindows.com/wp-content/themes/TimberWindows/images/window-planner/’; imgFldr = ‘period-black’; //on hovering the 21 or 24 colour options, change the colour of the image but not the folder $(‘#black’).click(function(){ $(“#pic”).attr(“src”,siteUrl+imgFldr+”/black.jpg”); }); //click the hardware buttons and change the folder where the images are coming from, but not the image itself (by name) $(‘#standardBlack’).click(function(){ $(“#pic”).attr(“src”,’standard-black/’+$(“#pic”).attr(“src”).split(‘/’)[1]); […]

jQuery css(’left’)报告’px’而不是’%’

偶然发现了一个问题,我肯定必须有一个简单的解释,因为某些原因,我今天只能逃避。 如果我想确定一个绝对定位为precentage值的元素的CSS设置,jQuery只返回像素值( http://jsfiddle.net/xTUR3/2/ ): HTML: test $(‘wrp’).css(‘left’) = CSS: #wrp { position: absolute; left: -150%; width: 200%; background-color: green; height: 50%; } #out { position: absolute; top: 50%; } JS: $(document).ready(function() { var wrp = $(‘#wrp’); $(‘#out span’).html(wrp.css(‘left’)); }); 编辑:任何人都知道是否有一种方法可以检索precentage值而无需编写专用的px-to-%转换函数?

在hover时移动图像10px并更改不透明度

我的下面的代码运行良好,但我也希望将图像向下移动10px并再次移回鼠标输出,并将不透明度恢复到0.7。 $(‘#drinksList section a img’).load(function() { $(this).data(‘height’, this.height); }).bind(‘mouseenter mouseleave’, function(e) { $(this).stop().animate({ opacity: 1, height: $(this).data(‘height’) * (e.type === ‘mouseenter’ ? 1.05 : 1) }); }); 任何帮助,将不胜感激。

如何使用jquery更改页面的内联样式

我的页面中有一个内联样式: :: Inline Style Page :: 我需要使用jquery更新或添加一些样式到内联样式.. 我试图使用jquery更新页面/ divs /控件的字体,背景颜色。 我将使用我的内联样式(从数据库加载)来获取页面内容的样式。 我的应用程序的用户可以更改某些样式并将其更新回数据库。 它几乎就像创建自定义页面应用程序(c#中的asp.net mvc)。 如何使用jquery更改页面的内联样式? 还是有其他有效的方法吗?

jQuery滑块左右按钮,firefox不起作用

我做了这个wordpress主题,水平显示循环:http: //zarifnyc.com/category/news/ var curx = $(‘#blog’).css(”); if(curx = 25000) {hide(‘#rightbutton’)} else {show(‘#rightbutton’)} $(function() { $(‘#rightbutton’).click(function() { $(‘#blogbox’).animate({“left” : ‘-=1070px’}); return false; }); $(‘#leftbutton’).click(function() { $(‘#blogbox’).animate({“left” : ‘+=1070px’}); return false; }); }); …它一直工作,直到我尝试添加一个“if”语句来隐藏第一个post上的左键,然后右键(或使用无限滚动)。 ‘刚刚开始学习jQuery,所以任何帮助都会受到赞赏,谢谢!

Chart.js在滚动上动画

我正在使用chart.js但我也想在滚动时显示图表。 我正在使用此代码: DEMO 1 var doughnutData = [ { value: 30, color:”#F7464A” }, { value : 120, color : “#4D5360” } ]; var myDoughnut = new Chart(document.getElementById(“canvas”).getContext(“2d”)).Doughnut(doughnutData); 但它总是出现,而不是滚动。 看起来很奇怪我看到这个小提琴取得了成效: DEMO 2 但是将以下代码更新为我的第一个演示不起作用: DEMO 1 UPDATED

模态出现在页面加载上

以下是我的代码,但只有当有人点击时才会显示模态 open modal box 我想知道如何修改我的以下代码,以便我的模态出现在页面加载上。 Untitled Document jQuery(document).ready(function () { jQuery.noConflict(); // Position modal box in the center of the page jQuery.fn.center = function () { this.css(“position”,”absolute”); this.css(“top”, ( jQuery(window).height() – this.height() ) / 2+jQuery(window).scrollTop() + “px”); this.css(“left”, ( jQuery(window).width() – this.width() ) / 2+jQuery(window).scrollLeft() + “px”); return this; } jQuery(“.modal-profile”).center(); // Set height of […]

Jssor(嵌套滑块):如何禁用自动播放?

有谁知道如何防止嵌套滑块在加载时启动? 我尝试在“var nestedSliderOptions”中输入“$ AutoPlay:false”,但它不起作用。 提前致谢。 来源: http : //www.jssor.com/download.html examples-jquery> nested-slider.source.html

jQuery单选按钮未选中错误

我正在尝试使用jQuery进行表单validation,我发现了一些我无法理解的错误。 我有两个单选按钮 Male Female 并validation是否检查了这些 if(! $(‘#gender’).attr(‘checked’)){ alert(‘Please select your gender’); return false; } 问题是,当我检查第一个单选按钮并提交表单时,我没有收到警报,但当我检查第二个单选按钮(女性)并提交表单时,我收到“请选择您的性别”的提醒。