Вкладки Jquery в пользовательском элементе управления MVC

Question

У меня проблема с вкладками Jquery. На моей странице 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>