我有这个在“HEAD”标签下运行的小脚本,与 jquery mobile 一起使用。它根据屏幕宽度调整图像大小。它工作正常,但只有在每次刷新该页面后才能工作。无论如何,我每次进入页面时都可以强制刷新吗?或者有没有更好的方法来做到这一点?
脚本是这样的:
<script>
$( document ).ready( function()
{
$width = $( '#content' ).width();
$( '#content img' ).css(
{
'max-width': $width, 'height': 'auto'
} );
} );
</script>
谢谢
- - -更新 - - -
<body>
<script>
$( document ).live( 'pageload', function()
{
var maxWidth = $( '.content' ).width();
$( '.content img' ).css( "max-width", maxWidth );
$( '.content img' ).css( "height", auto );
});
</script>
</body>