更改div的宽度作为magento中移动更改的方向

我正在研究magento移动主题。更改div的宽度作为magento中移动更改的方向

我想在手机屏幕的基础上设置李的宽度。

对于我使用

<script> 
     jQuery(function() { 
     var width= jQuery(window).width(); 
     jQuery(".press_li").width(width*0.75); 
     });  
</script>

其工作。但是当方向改变时，宽度不会改变。为此，我尝试使用jQuery-mobile，但是当我包含jQuery时，其他jquery停止工作。

来源

2013-03-21 Ankita Agrawal

使用媒体查询会的工作要好得多。 – dfsq 2013-03-21 03:20:58

我必须根据手机屏幕来计算li的宽度。 – 2013-03-21 03:28:23

您可以使用下面的代码来解决您的问题

function setPositions() { 
    var width= jQuery(window).width(); 
    jQuery(".press_li").width(width * 0.75); 
} 
$(document).ready(function(){setPositions()}) 
$(window).resize(function(){setPositions()})

看看例子：http://jsfiddle.net/q7FqJ/

来源

2013-03-21 03:51:18

非常感谢。它完美的工作....我搜索了很多，但我没有找到。谢谢 – 2013-03-21 03:59:31

很高兴它可以帮助你 – 2013-03-21 04:03:03

JavaScript is function scoped。您的width变量处于绑定到文档就绪状态的匿名函数的范围内。

修复之后，您可以重复fixWidth处理程序中的var width...行，或将该处理程序和orientationchange联编程序放入第一个文档就绪函数处理程序中。

jQuery mobile不包括jQuery本身，它是移动版本工作所需的库。

无论如何，我强烈推荐使用media queries作为一个很好的做法，而不是这样做。

来源

2013-03-21 03:28:48

媒体查询可以计算屏幕宽度 – 2013-03-21 03:44:20

@AnkitaAgrawal媒体查询是在CSS上实现的规则，因此您可以简单地应用'width：75％'而不使用JS – 2013-03-21 15:15:59

更改div的宽度作为magento中移动更改的方向

回答

相关问题