Tag: 调整

jQuery flot pieresize: 我有resize的工作，但是当我使用饼图时，每个人都是oke但是当我调整容器的大小时，我得到一个大的sqaure图表而不是圆形饼图。这怎么可能解决？ JS代码： $(“table.chart-pie”).each(function() { var colors = []; $(“table.chart-pie thead th:not(:first)”).each(function() { colors.push($(this).css(“color”)); }); $(this).graphTable({ series: ‘columns’, position: ‘replace’, width : ‘100%’, height: ‘250px’, colors: colors }, { series: { pie: { show: true, pieStrokeLineWidth: 0, pieStrokeColor: ‘#FFF’, radius: 100, label: { show: true, radius: 3/4, formatter: function(label, series){ return ”+label+’: ‘+Math.round(series.percent)+’%’; }, background: […]

我如何在JQuery中移动div并使用动画效果调整它？: 我如何在JQuery中移动div并使用动画效果调整它？即div将位于屏幕的中间，它将向左侧移动，并且在完成移动后将具有其高度的％50和其宽度的％50。（例如，它将具有其大小的％75）中途）编辑：我试过： $(“.block”).animate({“left”: “-=100px”, “height”: “-=30%”, “width”:”-=30%” }, 1000); 然而它消失了？ EDIT2：这有效： $(“.block”).animate({“left”: “-=100px”, “height”: “30%”, “width”:”30%” }, 1000); 然而它使我的方块更大，我尝试= -30％但不起作用。我该怎么做才能变小而不是变大？

jquery如果width小于，则更改此attr: $(“.section”).each(function(i, el){ var section = $(‘.section’); var width = section.width(); if (width < 960) section.attr('class', 'section-slim'); }); 这似乎工作正常，在浏览器刷新时，如何resize时的行为？例如：如果有人让他们的浏览器窗口变小，它会添加这个类吗？

jQuery – 动画时调用函数: 是否可以在.animate事件中调用某些函数？我必须为某些div上的每个resize事件调用resize()函数。举个例子，我在window resize事件上调用函数： $(window).resize(resize); 但现在我希望在animate事件中调用此函数（每个更改的像素（如.resize ））。 selector[‘el’][‘box’].animate({width:selector[‘el’][‘box’].width() – 250}, 500); selector[‘el’][‘box’].promise().done(function() {resize();}); 但这不是我想要的，因为我希望一直调用resize函数，不仅仅是在最后……

jQuery：div在动画后弹回到完整大小: 在下面的jQuery示例中，我在另一个内部有一个div。当我将内部div设置为宽度为0时，外部div（具有绝对定位）的宽度随之减小。这是期望的。问题是在动画完成后，外部div会弹回原始大小。这是预期的吗？我该如何防止这种情况发生？谢谢！例 HTML： innerContent CSS： div.outer { position: absolute; padding: 10px; background: purple; } div.inner { position: relative; padding-left: 5px; padding-right: 5px; background: orange; clip: auto; overflow: hidden; } JavaScript的： $(‘.outer’).click(function() { $(‘.inner’).animate({width: 0, paddingLeft: 0, paddingRight: 0}, ‘slow’); });

jQuery height（）在resize时没有改变: 我之前从未遇到过这个问题，但我似乎无法找到解决方案，所以我希望你们能帮助我。 jQuery的 function setTheHeight() { if( $(‘#main.level1 .block.attention .block-content’).length ) { //Get value of highest element var maxHeight = Math.max.apply(Math, $(‘#main.level1 .block.attention .block-content’).map ( function() { return $(this).height(); } )); console.log(maxHeight); $(‘#main.level1 .block.attention .block-content’).height(maxHeight); } } setTheHeight(); $(window).resize(function() { setTheHeight(); }); 基本上这个函数的作用是检查最高div并将所有选定div的高度设置为此高度。这很好用。但它是一个响应式设计，所以当用户调整浏览器时，内容会变小，div会更高。所以我添加了一个resize事件。该事件正在被解雇，但它没有改变高度。任何想法都是为什么resize不会改变高度？快速jsFiddle显示发生的事情： http ： //jsfiddle.net/3mVkn/ 固定嗯，这简直太愚蠢了。因为我设置了高度（）它已经被修复了所以我所要做的只是重置高度并且它有效。更新的代码： […]

jQuery：检测浏览器resize: 我从snipplr使用这个脚本，我如何设置它，使容器div比newWindowHeight高度小100px，如-100或其他东西。 $(document).ready(function(){ //If the User resizes the window, adjust the #container height $(window).bind(“resize”, resizeWindow); function resizeWindow( e ) { var newWindowHeight = $(window).height(); $(“#container”).css(“max-height”, newWindowHeight ); } });

jQuery：根据浏览器窗口分辨率动态添加类: 朋友您好我正在尝试根据浏览器窗口分辨率动态添加类。这是我试图使用的代码，但需要帮助调整它，因为我根本不知道jQuery。我想要实现的选项是：一旦访问者访问我的网站，此代码必须检查其浏览器窗口大小，并按照以下规则将类添加到正文如果窗口大小超过 1024px 但小于 1280px，则添加类.w1280 。如果窗口大小超过 1280px 但小于 1440px，则添加类.w1440 。如果窗口大小超过 1440px 但小于 1280px，则添加类.w1680 。如果窗口大小超过 1680px，则添加类.wLarge 。为此，我尝试使用以下脚本。我的问题是：这是正确的代码吗？如果不是什么是正确的代码？这是最短的代码吗？如果不是正确的代码是什么？请帮助，因为我对jQuery的了解几乎是零。 function checkWindowSize() { if ( $(window).width() > 1024) { $(‘body’).addClass(‘w1280’); } else { $(‘body’).removeClass(‘w1280’); } if ( $(window).width() > 1280 ) { $(‘body’).addClass(‘w1440’); } else { […]