MVC用户控件中的Jquery选项卡

MVC用户控件中的Jquery选项卡,jquery,asp.net-mvc,Jquery,Asp.net Mvc,我对Jquery选项卡有问题。在我的MVC页面上,我有一个返回部分页面(.ascx)的表单。这个页面上有Jquery选项卡,但是我得到的只是没有选项卡的选项卡内容。看起来选项卡的部分页面javascript代码没有运行 <script type="text/javascript"> $(function() { $("#tabs").tabs(); }); </script> $(function(){$(“#tabs”).tabs();}); 我试图将其放

我对Jquery选项卡有问题。在我的MVC页面上,我有一个返回部分页面(.ascx)的表单。这个页面上有Jquery选项卡,但是我得到的只是没有选项卡的选项卡内容。看起来选项卡的部分页面javascript代码没有运行

<script type="text/javascript">
    $(function() { $("#tabs").tabs(); });
</script>

$(function(){$(“#tabs”).tabs();});
我试图将其放在主页中,但出现了一个错误,因为第一次加载时页面上不存在“#tabs”


有什么办法让它工作吗?

您是否通过AJAX加载该部分?如果是这样,将生成选项卡的代码放在AJAX回调中,而不是放在页面上

$('#tabContent').load( '/controller/action', null, function() {
   $('#tabs').tabs();
});
使用MS Ajax助手:

<% using (Ajax.BeginForm("Action", new AjaxOptions { ..., OnSuccess = "doTabs", ...})) %>

<script type="text/javascript">
    function doTabs() {
       $('#tabs').tabs();
    }
</script>

函数doTabs(){
$(“#tabs”).tabs();
}

然后,您需要在AjaxOptions中指定的成功回调中添加tabs()函数。如果Ajax.BeginForm可以返回几个不同的页面,并且其中只有一个页面有选项卡,那么这仍然有效吗?如果页面上没有#tabs元素,则选择器将不匹配任何内容,并且不会应用选项卡。