Javascript Panzoom-如何禁用拖动选项?

Javascript Panzoom-如何禁用拖动选项?,javascript,jquery,html,ruby-on-rails,Javascript,Jquery,Html,Ruby On Rails,在rails 4.2.2项目中,我正在使用panzoomjquery作为html元素(而不是图像),对于我正在使用annotator插件的同一页面。现在的问题是注释器不工作,因为我无法在页面中选择任何单词。由于panzoom,整个html正在移动(拖动),如何在其中禁用“拖动”选项 转介 在我们看来 <div class="buttons"> <button class="zoom-in btn btn-default btn-xs">+ Zoom In</bu

在rails 4.2.2项目中,我正在使用
panzoom
jquery作为html元素(而不是图像),对于我正在使用
annotator
插件的同一页面。现在的问题是注释器不工作,因为我无法在页面中选择任何单词。由于
panzoom
,整个html正在移动(拖动),如何在其中禁用“拖动”选项

转介

在我们看来

<div class="buttons">
  <button class="zoom-in btn btn-default btn-xs">+ Zoom In</button>
  <button class="zoom-out btn btn-default btn-xs">- Zoom Out</button>
  <button class="reset btn-sm btn btn-primary">Reset</button>
</div>
<div class="panzoom" style="height: 480px;">
  <%= render :file => @path %>
</div>

$(".panzoom").panzoom({
 $zoomIn:    $(".zoom-in"),
 $zoomOut:   $(".zoom-out"),
 $zoomRange: $(".zoom-range"),
 $reset:     $(".reset")
});

+放大
-缩小
重置
@路径%>
$(“.panzoom”).panzoom({
$zoomIn:$(“.zoom-in”),
$zoomOut:$(“.zoom-out”),
$zoomRange:$(“.zoom range”),
$reset:$(“.reset”)
});
使用:

$section.find('.panzoom').panzoom({
  disablePan: true,
  $zoomIn: $section.find(".zoom-in"),
  $zoomOut: $section.find(".zoom-out"),
  $zoomRange: $section.find(".zoom-range"),
  $reset: $section.find(".reset")
});