Question

我有一个javascript函数showAlert（）。有一个可拖动的图像。拖动停止后，我们需要显示警报。它不起作用我们如何纠正它？

    <html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="Scripts/ui.core.js" type="text/javascript"></script>
    <script src="Scripts/ui.draggable.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () 
        {

            $("#d1").draggable(
            {

                drag: function (event, ui) 
                {
                },

                stop: function (event, ui) 
                {
                    showAlert();
                },

                cursor: "move"

            });

        });

        function showAlert() 
        {
            alert("hai");
        }



    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div style="border:2px solid orange; width:500px; height:300px;"  >
    <br />
        <img src="MyIMages/RedSquare.jpg" alt="" id="d1" runat="server" />
    <br />
    </div>
    </form>
</body>
</html>

Answer 1

图像在服务器上运行，因此渲染ID不同，脚本没有找到它使用它：更改javascript

$("#<%=d1.ClientID%>").draggable(
        {

或者更改图像，删除run = server

<img src="MyIMages/RedSquare.jpg" alt="" id="d1" />

Answer 2

我尝试使用jquery UI库，它运行http://jsfiddle.net/5HyyP/

jQuery ui.draggable不调用自定义函数

2 个答案: