简单的JQuery拖放无法正常工作

Question

Okay, so I tried to make this jsFiddle

But when I go to the website where I am trying to make this , I can't drag it.

How come I can't drag or close this popup I made?

Answer 1

In JSFiddle you're using jQuery v 1.7.2 , on your website v 1.3 - that's ancient . Just upgrade to the latest

To update put this in your file instead of the old references:

<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>