如何使用jQuery Splitter禁用文本選擇

我試圖將jQuery Splitter插件集成到網頁中。有2個「板」（leftDiv和rightDiv）：如何使用jQuery Splitter禁用文本選擇

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

jQuery的分路器插件與下列選項初始化：

$('#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。有什麼建議麼？

來源

2016-08-31 Peter

這在分離器演示中不是問題（http://jquery.jcubic.pl/splitter.php）。你可以做一個最小的工作示例片段來重現這一點嗎？ –

像@BobBrinks提到的。請給我們提供一個JsFiddle。您至少需要爲mainDiv提供外部容器，因爲100％可能是分離器的高度無效。在文檔中有這樣的提示：**注意：您需要設置分離器的容器高度才能工作。**。所以可能你會嘗試將高度設置爲200px或另一個測試值。 –

在什麼瀏覽器中你看到這種行爲？我無法在jsfiddle https://jsfiddle.net/ch3hgfnh/2/中重現您使用的是哪個版本的jQuery Splitter？ – jcubic

以前版本的jQuery Splitter存在問題，並在左窗格中選擇了文本，但在最近的版本中已解決。

來源

2016-08-31 11:32:59 jcubic

如何使用jQuery Splitter禁用文本選擇

回答

相關問題