jQuery等高响应方法

时间:2015-10-01 22:47:11

标签: jquery jquery-ui responsiveness equal-heights

我有一个正常的高度代码,但是如果浏览器/窗口超过460px(反应灵敏),我只希望它能够正常工作。如果它小于460px,那么我希望相同的高度默认回到' auto'。除此之外,我确定我的代码不是那么好,并且肯定没有在响应元素上完成(我已经开始)......

jQuery(document).ready(function($) {
equalheight = function(container){

// Responsive 1
$('.financial').each(function(){  
    var highestBox = 0;
    $('.product-title', this).each(function(){
      // set height to auto
      $(this).height('auto');
        if($(this).height() > highestBox)
           highestBox = $(this).height(); 
    });  
    $('.product-title',this).height(highestBox);
});  

} //end function container then run function below

if( jQuery(window).width() > 460 && jQuery(".financial").html().length > 0) { 
jQuery(window).on("load resize scroll",function(e){
equalheight();
}); 
 } // end if

}); // end

由于

Glennyboy

0 个答案:

没有答案