等高列与jQuery不工作
Equal height columns with jQuery not working?
我尝试了许多方法来获得相等的列,但没有一种对我有效。我已经尝试了jQuery插件的每一个变体,我可以找到不同的调用使用文档准备和窗口加载,在头部和身体结束之前…就是运气不好……侧边栏将无法继续满足我的内容。
我已经创建了一个小提琴与我的最新镜头(这是这个方法:http://www.outsidethebracket.com/equal-height-columns/),但我准备改变到任何方法将工作。
http://jsfiddle.net/7WraW/$(window).load(function(){
$("#sidebar").height(Math.max($("#content").height(),$("#sidebar").height()));
})
感谢您的帮助!
如果您使用$(document).ready
而不是$(window).load
,则可以正常工作:
$(document).ready(function () {
var hgt = Math.max($("#content").height(), $("#sidebar").height());
$("#sidebar,#content").height(hgt);
});
http://jsfiddle.net/mblase75/7WraW/5/试试这个…
$(document).ready( function() {
var contentHeight = $('#content').height();
$('#sidebar').css('height', contentHeight + "px");
});
有一个jQuery插件来平衡元素的高度或宽度,它比这个好得多,有更多的实用程序来完成这个任务,而且非常容易使用:
http://tsvensen.github.io/equalize.js/希望这有帮助,快乐的编码:)
下面是使用jquery实现等高列的简单解决方案:
$(window).load(function(){
$("#left_side").height($("#right_side").height());
});
http://jsbin.com/iyirel/1/watch 相关文章:
- 不正确的工作jquery插件bxslider与插件elevatezoom
- 更改图像src-dons't工作jquery/js
- event.prventDefault()不工作(jQuery实时)
- delay()不会'第二次工作jquery
- 如何工作 jQuery 就绪
- 几天后,昨天停止工作jQuery
- .click() 不再工作 jquery.
- 如何使工作jquery"“滑动”;在iPad上滚动
- 为什么不是't这个选择器正在工作(Jquery和Asp.net)
- Flexslider无法在html网站中工作(jQuery无法加载?)
- 点击,点击不工作?jquery
- 按钮在“加”和“减”之间切换,需要“点击”;只能在fa +上工作.jQuery
- 突出显示搜索列表不工作(jquery问题)
- 页眉内的Div /靠近页面顶部/在2次点击事件后不显示,而它的's页脚双胞胎工作- jquery
- 为什么css后台jQuery代码不工作jQuery设置多个css值
- .stop()不是't使用我的悬停,使快速移动工作-jQuery
- 自定义验证方法不工作- jQuery验证插件
- 数据表columnDefs不工作:jquery / javascript
- 工作jQuery代码赢得'不要在电话间隙跑步
- 我的Javascript代码不工作- Jquery选择器问题