'$'未定义javascript错误

Question

<script type="text/javascript">
    $(function() {
        $('#WaterMark').draggable(
                    {
                        start: function(e, ui) {
                        },
                        cursor: 'move',
                        zIndex: 2700,
                        revert: 'invalid',
                        containment: '#OriginalImageContainer'
                    });
        $('#OriginalImage').droppable({
            hoverClass: 'DroppableOver',
            drop: InitializeWaterMark
        })
    });

    var InitializeWaterMark = function() {
        var position = $('#WaterMark').position();
        var imgPosition = $('#OriginalImageContainer').position();
        document.getElementById('xpos').value = position.left - imgPosition.left;
        document.getElementById('ypos').value = position.top - imgPosition.top;

    }
    </script>

这是一个示例javascript代码我得到的关于在asp.net网页中的图像拖放...但它返回一个错误说'$'未定义 ..请帮助我

Answer 1

猜测,我会说你错过了库以支持该脚本(可能是jQuery).

您需要包含对JavaScript框架的引用,以便获得您正在寻找的可拖动功能.

尝试将以下内容添加到页面中(在示例中的脚本块之前):

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.js"></script>