在 window 调整大小时更新 jquery 插件设置

Question

我有一个正在编写的 jquery 插件，它具有默认值，当然还有让人们为这些变量定义自己的值的能力。

var settings = $.extend({
  width:      $(window).width(),
  height:     $(window).height(),
  rotate_btn: $(".rotate_js")
}, options );

这是我当前的默认设置。我遇到的问题是我希望在 window 调整大小时更新这些值，默认值或使用插件的人定义的值。你会怎么做才能让它在插件中发生？

提前感谢您对此提供的任何帮助。

Answer 1

var settings = $.extend({
    width: $(window).width(),
    height: $(window).height(),
    rotate_btn: $(".rotate_js")
}, options );

$(window).on('resize.myCustomEventName', function(event) {
        $.extend(settings, {
            width: $(window).width(),
            ...
        });
});

在 window 调整大小时更新 jquery 插件设置

updating jquery plugin settings on window resize

jquery

jquery-plugins

window-resize