jQuery on（'resize'）没有按预期工作

Question

我写了一些jQuery来动态定位一个元素。虽然它适用于加载，但在调整窗口大小时它不起作用。

我的代码：

  $(document).ready(function() {
      var offset = $("#kDropdown").offset();
      //$(".hidden-dropdown").css('position', 'absolute')
      //$(".hidden-dropdown").css('left', offset.left);
      $(document).on('resize', function () {
        $(".hidden-dropdown").css('position', 'absolute')
        $(".hidden-dropdown").css('left', offset.left);
      }).trigger('resize');
    });


      <div class="hidden-dropdown hide">
        <ul>
          <li><a href="#">Item One</a></li>
          <hr />
          <li><a href="#">Item Two</a></li>
          <hr />
          <li><a href="#">Item Three</a></li>
        </ul>
      </div>

有什么想法吗？

Answer 1

通常，调整大小的是window，因此：

$(window).on("resize", function() {
    console.log("yay");
});

您可以直接使用resize方法附加它：

$(window).resize(function() {
    console.log("direct yay");
});

他们都是一样的。