如何使弹出式div可拖动

Question

i'm trying to make a popup to draggable. does anyone help me how to do that, here is my code

http://jsfiddle.net/Ur5Xn/38/

$(document).ready(function(){
    function showAlertBox(){
     $("#alert").css("display","inherit");
     $("#content").addClass("back");
    }
    function removeAlertBox(){
        $("#alert").css("display","none");
         $("#content").removeClass("back");        
    }



    $("#alertClose").click(function(){
       removeAlertBox(); 
    });
    $("#alertShow").click(function(){
       showAlertBox(); 
    });

    $( "#alert" ).draggable();

});

Answer 1

You did not load Jquery UI in your fiddle. It works fine.

Answer 2

Just turn on JQuery Ui. You can try enabling it in JSfiddle, on the right top corner and see that your code works.

Answer 3

您的代码运行良好，请在jquery插件后添加插件脚本。.它将确保工作正常。

Answer 4

只需尝试在JSfiddle中检查“ jQuery UI 1.10.3”（页面左上方），它就可以与我一起使用。