jquery - 对象不支持此属性或方法 jQuery UI Tab

Question

我的 jQuery 代码出现错误。尝试没有冲突，没有解决问题。jQuery 文件存在于该位置，事实上它曾经可以工作，但突然间就不行了。我恢复到以前版本的代码，但仍然存在相同的错误:

<link href="/_layouts/project/jQuery/jquery-ui-1.8.18.custom.css"rel="stylesheet" type="text/css" />
<script src="/_layouts/project/jQuery/jquery-1.7.1.js"></script>

<script src="/_layouts/project/jQuery/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript">
    function openDialog() {
        var options = {
            url: "selectservices.aspx",
            autoSize: true,
            allowMaximize: true,
            title: "My PopUp",
            showClose: true,
            dialogReturnValueCallback: onClose
        };
        SP.UI.ModalDialog.showModalDialog(options);
    }
    function onClose(dialogResult, returnValue) {
        SP.UI.ModalDialog.RefreshPage(SP.UI.DialogResult.OK);
    }
</script>
<script>
    $(document).ready(function () {
        $("#tabs").tabs(); 
    });
</script>

Answer 1

您绝对确定 jQuery 和 jQuery UI 文件已加载到页面中吗？进行调试，并检查页面中是否定义了 jQuery 和 jQuery.ui。

如果是的话，那就有问题了。也许您的自定义 jQuery UI JS 文件没有嵌入 Tabs 组件。您可能之前忽略了将其包含在自定义中。