javascript - 简单的 JQuery 拖放不起作用

Question

好的，所以我尝试制作这个 jsFiddle

但是当我访问我试图制作 this 的网站时，我拖不动。

为什么我不能拖动或关闭我制作的这个弹出窗口？

Answer 1

在 JSFiddle 中，您使用的是 jQuery v 1.7.2，在您的网站上使用 v 1.3 - 这是古老的。只需升级到最新的

要更新将其放入您的文件中而不是旧的引用:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script>
    $( "#myDialog" ).draggable({
        handle: "#title"
    });
    $( "#closeBtn" ).click(function(){
        $(this).parent().fadeOut();
    });
</script>