Javascript 使用可拖动的jQuery方法并隐藏div上的滚动条?

Javascript 使用可拖动的jQuery方法并隐藏div上的滚动条?,javascript,jquery,html,css,animation,Javascript,Jquery,Html,Css,Animation,我做了一个大宽度的div(即3000px),我用溢出:滚动,用父div隐藏它,因为有溢出:隐藏,我不能向右/向左滚动 因此,最好的答案需要做一个div,我可以向左/向右滚动(最好是使用可拖动的方法),而不需要滚动条 我的代码如下: HTML <div class="contents-home-container"> <div class="contents-home-container-inner"> <div class="contents-ho

我做了一个大宽度的div(即3000px),我用
溢出:滚动
,用父div隐藏它,因为有
溢出:隐藏
,我不能向右/向左滚动

因此,最好的答案需要做一个div,我可以向左/向右滚动(最好是使用可拖动的方法),而不需要滚动条

我的代码如下:

HTML

<div class="contents-home-container">
  <div class="contents-home-container-inner">

      <div class="contents-home">
      <!-- X7 <contents-home divs> -->
      </div>

   </div>
 </div>
jQuery

我尝试了
.draggable
方法,但是控制台输出了一个错误,显示“.draggable不是一个函数”(类似这样,但我从jQuery文档中复制/粘贴了基本函数…)。我在用WordPress

.Dragable不是一个函数

表示在代码之前不调用可拖动的js

在代码中包括jquery和jqueryUI

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

.Dragable不是一个函数

表示在代码之前不调用可拖动的js

在代码中包括jquery和jqueryUI

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>


我有了ui工具包,现在我有了相同的错误:未捕获的TypeError:$(…)。Dragable不是一个function@SashaChirico您是否在其中包含了jquery ui或显示了js和html代码?我已经在header.php上添加了您的脚本,以使用ui工具包,但是仍然显示错误看上面的问题我有ui工具包,现在我有相同的错误:uncaughttypeerror:$(…)。draggable不是function@SashaChirico您是否在其中包含了jquery ui或显示了js和html代码?我已经在header.php上添加了您的脚本,以使用ui工具包,但仍显示上述问题中的错误外观