Question

我正在研究magento移动主题。

我想在移动屏幕的基础上设置li的宽度。

为此我正在使用

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

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

Answer 1

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

作为修复，您可以在var width...处理程序上重复fixWidth行，或者将该处理程序和orientationchange绑定器放在第一个文档就绪函数处理程序中。

jQuery mobile不包含jQuery本身，这是移动版本工作所必需的库。

无论如何，我强烈建议使用media queries作为一种良好的做法，而不是这样做。

Answer 2

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

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/

将div的宽度更改为magento中移动变化的方向

2 个答案: