jquery - 将div的宽度更改为magento中移动更改的方向

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 是函数作用域的。您的width变量在绑定到文档就绪状态的匿名函数的范围内。

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

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

无论如何，我强烈建议使用媒体查询作为一种好习惯，而不是这样做。

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/