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

【问题标题】：jQuery ui.draggable does not Call custom FunctionjQuery ui.draggable 不调用自定义函数
【发布时间】：2012-02-27 05:39:26
【问题描述】：

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

【问题讨论】：

标签： c# jquery asp.net .net jquery-ui

【解决方案1】：

我尝试使用 jquery UI 库，它可以工作 http://jsfiddle.net/5HyyP/

【讨论】：

是的，我看到它在您的 jsfiddle.net 代码中工作。奇怪的。当我从 Visual Studio 运行它时，为什么它在我的场景中不起作用？
唯一不同的是，我使用了 CDN 中的 JS 库，检查你的 JS 文件或在你的浏览器 JS 控制台上查看是否有任何错误。
谢谢。当我使用 CDN src="ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" 时，它起作用了。
jsFiddle 对我来说是一个很棒的新知识。我非常喜欢它。

【解决方案2】：

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

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

或更改图像，删除 run=server

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

【讨论】：

我厌倦了这两种方法。他们两个都没有工作。你自己试过吗？
@Lijo 也尝试在页面加载后加载它。