Javascript 从右向左和从左向右滑动（不工作）

我想知道为什么它工作得很好，但在我的服务器上，它不工作。请查看以下代码：

HTML

JS——我添加了一个函数，因为JSFIDLE中的函数是自动添加的

<script type="text/javascript">
$(document).ready(function() { 
    $(".myButton").click(function () {
        // Set the effect type
        var effect = 'slide'; 
        // Set the options for the effect type chosen
        var options = { direction: 'right' };
        // Set the duration (default: 400 milliseconds)
        var duration = 700;
        $('.myDiv').toggle(effect, options, duration);
    });
})  
</script>

$（文档）.ready（函数（）{
$（“.myButton”）。单击（函数（）{
//设置效果类型
var效应='滑动'；
//设置所选效果类型的选项
var options={direction:'right'}；
//设置持续时间（默认值：400毫秒）
var持续时间=700；
$（'.myDiv'）。切换（效果、选项、持续时间）；
});
})  

最后，我没有忘记获取外部源jquery库

<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js"> </script>

---

它应该完全在我的服务器上工作，但它根本不工作。我遗漏了什么吗？

您正在加载两个版本的主jQuery库，但不是jQueryUI。code.jQuery.com上的jQueryUI资源位于

ui

目录中

范例

---

我可以看到可能的混淆，因为有一个通用的版本号，所以您只需将

/ui/

目录添加到您所拥有的内容中即可

您可以使用2个主jQuery，这样就不会使用您的代码。使用一个主jQuery 1.11.2，然后重试。

使用您在代码中调用的与此库相关的库函数

` <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>`

``

您包括两个jQuery库，您只需要一个。我只有UI Datatable。我认为它不会受到影响。顺便问一下，您能在上面的JSFIDLE中再次检查外部源代码吗？如果我没有使用相同的来源，可能会有问题？因为我使用的是最新的jquery库@charlietflright但是

效果

是jQueryUI。如果你去掉这个，你就可以除掉jQueryUI。看看控制台中抛出的错误你能帮我得到真正的jquery使它滑动吗？我使用那个链接，它会出现，但不会滑动@charlietflok，

effect

是从jQueryUI做的。你需要使用

animate

如果你删除jqueryualright，我会越来越困惑。我放在服务器中的唯一一个是

http://code.jquery.com/ui/1.11.2/jquery-ui.min.js

。那个是jQueryUI。它应该是动画的，对吗？但我试过了，但没用。它看起来像但不像上面的JSFIDDLE那样滑动。我又错过了吗？事实上，由于没有插件注册到第一个版本，奇怪的是，有2个插件不会导致页面太断或导致任何错误。但这并不确定。第二个版本将覆盖整个jQuery对象

<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js"> </script>

` <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>`