javascript - 调整大小功能不起作用

Question

当页面加载时，我需要 #book 占据窗口的 80% 宽度，并且在调整页面大小时也需要发生同样的情况。我编写了下面的代码，但它不起作用。为什么？

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

谢谢!

Answer 1

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

您可以将其更改为

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

或

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

此外，使用 $(window).resize() 而不是 $(document).resize()