更改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中移動更改的方向

回答

相關問題