div class =“panel-body”上的disableSelection

Question

您好，我正在寻求帮助。

我使用FlatLab来构建一个＆＃34;可拖动和可排序的＆＃34;仪表板。在面板中，我使用Highcharts添加图表。我可以选择将屏幕上的portlet按照我希望的顺序拖动。

问题：

图表使用缩放功能，因此当鼠标在图表上拖动时，它会移动面板而不是允许缩放功能！

以下是HTML代码：

<div class="row-fluid" id="draggable_portlets">
     <div class="sortable">
         <div class="panel inline-block span-4">
    <header class="panel-heading">Utilisation from October 1st
        <span class="tools pull-right">
           <a href="javascript:;" class="fa fa-chevron-down"></a>
           <a href="javascript:;" class="fa fa-remove"></a>
        </span>
    </header>    
            <div class="panel-body">
               <div id="chart1" style="min-width: 180px; height: '100%'; margin: 0 auto"></div>
            </div>
         </div>
     </div>
</div>

在javascript中，我在下面添加了另一个类似的代码行：

$(".panel-body").disableSelection();

相同js文件中的类似代码 - $（＆＃34; .column＆＃34;）。disableSelection（）;

感觉我没有做正确的事情，但它并没有禁用面板上的选择

任何帮助都一如既往地受到赞赏。

由于 罗布

Answer 1

我不知道它是否会重新激活缩放功能，但我怀疑它会。您应该能够将其复制并粘贴到控制台中以查看它是否有效。它在图表上设置可排序的取消选项。

$("#draggable_portlets").sortable("option", "cancel", "#chart1");