Jquery 在页面加载后立即启动

Question

我有一个 jquery。

$(window).on('load resize', function() { 
  var dm3Width = $('.dm3').width() 
  $('.dm1').width(dm3Width); 
});

此处演示:https://jsfiddle.net/veusr0xn/

它根据dm3 的宽度改变dm1。但它只有在我调整窗口大小后才能运行。它如何在页面加载后立即运行？

非常感谢。

Answer 1

在 $( document ).ready(function() 范围下定义您的查询，以便在加载文档时您的查询将自动运行

   $( document ).ready(function() {
     var width=$(".dm3").width();
     $(".dm1").css('width',width);
     $(window).resize(function() {
       var dm3 = $('.dm3').width();
       $(".dm1").css('width',dm3);
     });
  });