Javascript 重置"；“风格”；jquery.Resizeable元素上的属性，而不中断调整大小？

基本上，我有一个固定在视口右侧的“面板”。我希望它可以水平调整大小。问题是，我希望负空间限制在200px和400px之间。如果这没有道理，请你，它应该更容易理解

以下是我目前掌握的情况：

$( document ).ready(function() {
    var maxContentWidth;
    var minContentWidth;

    $(window).resize(function() {
      var ww = $(window).width();
      maxContentWidth = ww - 200;
      minContentWidth = ww - 400;
      $('#content').resizable("option","maxWidth",maxContentWidth);
      $('#content').resizable("option","minWidth",minContentWidth);
      //if I could even "reinitialize" the pane upon resize, but this doesn't work:
      /*$('#content')
          .css('right','10px')
          .css('top','10px')
          .css('left','200px')
          .css('bottom','10px');
          */
      //I discovered that doesn't work because jquery resizable applies a local "style" attribute, so then I tried this:
      //$('#content').attr('style','');  //this makes it completely not resizable at all

    });

    $('#content').resizable({
      handles: "w",
      maxWidth: maxContentWidth,
      minWidth: minContentWidth
    });
});

更新：正如您在jsbin评论中看到的，我决定重新初始化“窗口大小调整”面板很好，应该很简单，对吧？jQueryResizeble使用本地“样式”属性，而不是修改css。因此，我尝试清除window.resize上的style属性，但如果这样做，我就根本无法调整面板的大小，这对我来说毫无意义

---

所以。有没有办法在不破坏可调整大小的功能的情况下“清除”所有样式并重置CSS？

我不知道我是否理解，但让我们试一试

---

在最大化窗口并将其恢复后，右边框将加倍，直到再次调整面板或窗口的大小，这似乎是一个小问题。但绝对不是一个止步不前的人，它比我的作品好99%。谢谢

$( document ).ready(function() {

    // First Value
    var maxContentWidth;
    var minContentWidth;
    maxContentWidth = $(window).width() - 200;
    minContentWidth = $(window).width() - 400;

    $(window).resize(function() {
      var ww = $(window).width();
      maxContentWidth = ww - 200;
      minContentWidth = ww - 400;
      $('#content').resizable("option","maxWidth",maxContentWidth);
      $('#content').resizable("option","minWidth",minContentWidth);
      var gap = ww - $('#content').width() - parseInt($('#content').css('left')) - 10;
      $('#content').width($('#content').width() + gap);
    });

    $('#content').resizable({
      handles: "w",
      maxWidth: maxContentWidth,
      minWidth: minContentWidth
    });
});