Jquery ui 是否要将jquery ui选项卡微调器与pagemethods结合使用？

我将jQueryUI选项卡与asp.NETWebForms一起使用，并使用ajax加载内容。我实际上有两个问题

我不知道如何加载第一个选项卡加载的内容。现在我使用选项卡select通过ajax加载内容

$（'#contentHolder'）.bind（“tabsselect”，函数（事件，用户界面）{ //运行ajax请求 });

只有当我使用href的实际路径时，内置微调器控件似乎才起作用。但是因为我必须使用pagemethods，所以我需要使用一个id

• 一个
• 两个
• 三

//ajax请求分页方法 $.ajax。。。 更新代码

 // tab initializaztion
        var $tabs = $('#followersTable').tabs({ spinner: 'Loading...'  });

        $tabs.bind("tabsselect", function(event, ui) {
            //LoadTabContent(ui.index);
              var request = {
                'controlName': 'FollowersTab'
              };

            $(this).tabs({
                ajaxOptions: {
                    type: "POST",
                    url: "ajax/Followers.aspx/LoadTabContent",
                    data: $.toJSON(request),
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        $(container).html(data.d);                                      
                    },
                    error: function () {
                    }
                }
            })
        });

关于你的第一个问题：

$（“此处的选项卡选择器”）.tabs（“加载”，0）这将强制通过ajax加载选项卡的第一个选项卡

如果我没有弄错的话；您可以将[WebMethod]用于页面方法，也可以将页面方法与UI选项卡和选项相结合。您可以使用返回类型和/或方法名..等的ajaxOptions

$( "your-tabs-selector-here" ).tabs({
            ajaxOptions: {
                         type: "POST",
                          url: "Default.aspx/PageMethodName",
                          data: "{}",
                          contentType: "application/json; charset=utf-8",
                           dataType: "json"
            }
        });

您还可以看看下面的jQueryAjax和Page方法示例。因此，您可以与UI和组件集成。这将触发微调器文本/动画，还是仅通过使用标签href的url触发？如果对第一个标签使用“Default.aspx/PageMethodName”，此方法将触发微调器和Ui标签支持的其他功能。似乎不起作用。。我将用我正在使用的代码更新我的帖子首先是数据：$.toJSON（请求）这部分是无用的。因为请求变量已经是JSON对象。它应该是“数据：请求”。稍后我会更新答案