Question

我有一个简单的问题，或者看起来似乎是jQuery UI的可拖动小部件。可拖动窗口小部件具有拖动事件，只要鼠标拖动页面上的可拖动元素，就会触发该事件。简单，不是吗？此代码不起作用。

<html>
<head>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.draggable').draggable({
                drag:function(){
                    alert(1); // simple alert, nothing happens
                }
            });
        });
    </script>
</head>
<body>
    <div class="draggable">drag me</div>
</body>
</html>

关于为什么不解雇的任何想法？我正在使用：

的jquery-1.9.1.min.js
的jquery-UI-1.10.3

http://api.jqueryui.com/draggable/#event-drag

Answer 1

这对我来说是一个非常糟糕的错误。谷歌浏览器允许我查看＆＃34;不要让此页面再次提醒我＆＃34;选项。我必须检查过一次。但是在随后的页面重新加载中，保留了设置。直到今天早上才重新开始工作。这是一个很好的帖子，虽然有点傻，但它会帮助别人。应该在某处注意到这一点，至少对于我们开发者来说。

我认为这个选项是按照请求进行的，但它是按会话进行的。

Answer 2

我没有看到任何问题，除非你在某处犯了其他错误。你的代码运行正常。请参阅小提琴：http://jsfiddle.net/525Js/

我已将您的HTML代码放在必要的修改中：

HTML面板：

<div class="draggable">drag me</div>

JS小组：

    $(document).ready(function(){
        $('.draggable').draggable({
            drag:function(){
                alert(1); // simple alert, nothing happens
            }
        });
    });

jQuery可拖动小部件不会触发拖动事件

2 个答案: