javascript - シンプルな JQuery のドラッグ アンド ドロップが機能しない

Question

さて、私はこのjsFiddleを作ろうとし ました

しかし、これを作ろうとしているウェブサイトに行くと、ドラッグできません。

作成したこのポップアップをドラッグしたり閉じたりできないのはなぜですか?

Answer 1

JSFiddle1.7.2では、あなたのウェブサイト v でjQuery 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>