Question

我遇到了Jquery Tabs的问题。在我的MVC页面上，我有一个返回部分页面（.ascx）的表单。这个页面上有Jquery标签，我得到的是没有标签的标签内容。看起来该标签的部分页面javascript代码无法运行，

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

我试图把它放在主页面中，但是我收到一个错误，因为首次加载时页面上不存在“#tabs”。

关于让它发挥作用的任何想法？

Answer 1

你是通过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>

MVC用户控件中的Jquery选项卡

1 个答案: