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

本文关键字：调用 自定义函数 draggable ui jQuery | 更新日期: 2023-09-27 18:23:35

我有一个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>

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

我尝试了jquery UI库，它成功了http://jsfiddle.net/5HyyP/

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

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

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

<img src="MyIMages/RedSquare.jpg" alt="" id="d1" />
相关文章：