Object不支持此属性或方法jQuery UI Tab

时间:2012-03-16 06:59:48

标签: jquery jquery-ui jquery-ui-tabs

我的jQuery代码出错了。尝试没有noConflict,没有解决问题。 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>

2 个答案:

答案 0 :(得分:3)

您是否完全确定 jQuery和jQuery UI文件是否已加载到页面中?进行调试,并检查您的网页中是否定义了jQueryjQuery.ui

如果是,那就出问题了。也许您的自定义jQuery UI JS文件没有烘焙Tabs组件。您可能忽略了将它包含在您的自定义之前。

答案 1 :(得分:1)

ExecuteOrDelayUntilScriptLoaded(function () {
        var options = SP.UI.$create_DialogOptions();
        options.title = Popup_title;
        options.url = '/_layouts/Test.html?Code=' + item_id + '&title=' + Popup_title + '&IsDlg=1';
        options.autoSize = true;
        options.showClose = true;
        options.allowMaximize = false;
        SP.UI.ModalDialog.showModalDialog(options);
    }, 'sp.js');

有关详细信息,请点击此链接.... http://blog.prosares.com/?p=23