如何使用jQuery Splitter禁用文本选择

Question

我正在尝试将jQuery Splitter插件集成到网页中。有2个“面板”（leftDiv和rightDiv）：

  <div id="mainDiv" style="height:100%;width:100%;">
      <div id="leftDiv">
          left
      </div>
      <div id="rightDiv">
          right
      </div>
  </div>

使用以下选项初始化jQuery Splitter插件：

$('#mainDiv').split({
    orientation:'vertical', limit:120, position:180
});

当我拖动分割器时，右侧面板中的文本会突出显示。如果我将图像或画布放入右侧面板，它也会突出显示。

我尝试将以下CSS应用于右侧面板，但它似乎不起作用：

#rightDiv{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

我在分割器代码中看不到任何可能有用的内容：

https://github.com/jcubic/jquery.splitter/blob/master/js/jquery.splitter.js

也许我可以在onDragStart上暂时禁用文本选择，然后重新启用onDragEnd。有什么建议吗？

Answer 1

以前版本的jQuery Splitter存在问题，并在左侧窗格中选择了文本，但在最近的版本中已经解决了。