2014-01-14 53 views
2

当页面加载时我需要#book取80%的窗口宽度,并且页面调整大小时需要发生同样的情况。我将代码编成波纹管,但它不起作用。为什么?调整大小功能不起作用

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#book').turn(); 
     $("#book").width = 80 + "%"; 
    }); 
    $(document).resize(function(){ 
     $('#book').css('width', '80%'); 
    }); 
</script> 

谢谢!

+1

你为什么试图设置宽度两种不同的方式? –

+2

尝试'$(window).resize(function(){'而不是'$(document).resize(function(){' – j08691

+0

'$(“#book”).width = 80 +“%”;'is不正确 –

回答

3

$("#book").width = 80 + "%";是不正确的JS/jQuery。

您可以将其更改为

$('#book').css('width', '80%'); 

$('#book').width('80%'); 

此外,使用$(window).resize()代替$(document).resize()

+0

我得到它工作!很好!所以,我只用这个$('#magazine')。宽度('80%');宽度现在,我如何将#杂志的高度更改为宽度的50%? –

+0

我不知道它是否正确,但我使用以下代码来执行。上面说:$( '#杂志'),高度(函数(){。 \t \t \t回$( '#杂志')宽()* 0.5317; \t \t}); –

+0

你的代码的工作,但我会只是为了简化而做这样的事情'var magazine = $('#magazine'); magazine.height(magazine.width()* 0.5317);' – Sadiq