Question

我有以下脚本（转述但顺序相同）：

<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#surveyModule .numberScale .number").draggable({
        helper: 'clone',
        revert: 'invalid',
        start: function(e, ui) {
            $(ui.helper).css({'background-position': '0px -28px'});
        }
    });
});
</script>

它抛出一个对象引用异常，在jQuery选择器上调用.draggable。

有人有什么想法吗？

更多详细信息：这是SharePoint网页表单。我以前在SharePoint中使用JQuery-UI时没有遇到任何问题。

Answer 1

我看到你正在使用jQuery UI的自定义构建。您确定在构建中包含了可拖动组件吗？为了确保，下载包含所有组件的jQuery UI的新副本，并查看它是否抛出相同的异常。

Answer 2

我相信这个问题在这里讨论：

JavaScript's document.write Inline Script Execution Order

Internet Explorer也将执行他们按照他们完成的顺序下载

理想情况下，您需要在<head>中定义jquery和jquery.ui引用，以便它们不再被视为内联脚本，但有时这是不可能的。

我为javascript组件构建了一个库，由scriptlink / scriptblock激活，并且在我的场景中看起来效果很好，这里是我如何加载jquery.ui

http://spc3.codeplex.com/SourceControl/changeset/view/57957#1000845

ScriptLink / ScriptBlock似乎使脚本在页面加载顺序中加载足够高，所以我没有问题

JQuery UI - 不首先加载

2 个答案: