如何使弹出div可拖动

时间:2013-10-25 07:36:16

标签: javascript jquery html css jquery-ui

我试图让弹出窗口可以拖动。有没有人帮我怎么做,这是我的代码

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();

});

4 个答案:

答案 0 :(得分:2)

你没有在你的小提琴中加载Jquery UI。它工作正常。

答案 1 :(得分:2)

启用JQuery Ui。你可以尝试在右上角的JSfiddle中启用它,看看你的代码是否正常工作。

答案 2 :(得分:1)

你的代码工作得很好,包括jquery插件后的插件脚本.. 它肯定会有效..

答案 3 :(得分:1)

试着在你的JSfiddle中检查“jQuery UI 1.10.3”(页面的左上角),它适用于我。