Question

所以我用jQuery编写了一些代码（不是最好的jquery用户。）

    $(function(){
var theDiv = $('.blury-format-image .post-info .title');
var theThumbnail = $('.blury-format-image .thumbnail').innerHeight();
var theThumbnailW = $('.blury-format-image .thumbnail').innerWidth();   
theDiv.innerHeight( theThumbnail );
theDiv.innerWidth( theThumbnailW );
});

只是将div的大小调整为缩略图的高度和宽度，无论如何它只有在我刷新页面时才有效！因为如果移动用户尝试横向模式，尺寸看起来会非常糟糕！

有什么方法可以通过任何调整大小动作立即触发它吗？ TY。

Answer 1

参考：https://api.jquery.com/resize/

{{1}}

Answer 2

将其设为separeate函数，名为ResizeDiv

function ResizeDiv(){
        var theDiv = $('.blury-format-image .post-info .title');
        var theThumbnail = $('.blury-format-image .thumbnail').innerHeight();
        var theThumbnailW = $('.blury-format-image .thumbnail').innerWidth();   
        theDiv.innerHeight( theThumbnail );
        theDiv.innerWidth( theThumbnailW );
   };

<script>
 $(function(){
   ResizeDiv(); //would be called on page Refresh
})
    $(window).on('resize',function(){
       ResizeDiv();  // this would be called on resize event
    })
</script>

因为

$（函数（）{

就像$（document）.ready（）

直接在里面的任何代码都会在文档准备就绪时调用..只有在页面刷新时才会发生...因此你现在知道为什么它仅适用于页面刷新

触发立即使用jQuery调整大小

2 个答案: