Как использовать вкладки пользовательского интерфейса jQuery на DotNetNuke 6.2+

Question

Я использую последнюю версию шаблона DNN и Chris Hammond VS 2010 для разработки модуля. Я просто пытаюсь разместить элемент управления jQueryUI Tab на своей странице. Я посмотрел документацию, и похоже, что это должно сработать. Когда я смотрю на источник, я вижу, что jQueryUI входит в заголовок. Я также попытался заменить вызов tabs() на dnnTabs(), но никакой разницы. Итак, что мне здесь не хватает? Заранее спасибо!

Код в module.js:

(function ($) { 
    $("#tabz").tabs(); 
})(jQuery); 

---

Код в MyModule.ascx.cs:

protected void Page_Init(object sender, EventArgs e) 
{ 
    Framework.jQuery.RequestRegistration(); 

    if (Framework.AJAX.IsInstalled()) { 
     Framework.AJAX.RegisterScriptManager(); 
    } 
} 

---

Код в MyModule.ascx

<dnn:DnnJsInclude ID="DnnJsInclude" runat="server" FilePath="~/DesktopModules/MyModule/module.js" /> 

<div id="tabz"> 
<ul> 
    <li><a href="#tabs-1">Page 1</a></li> 
    <li><a href="#tabs-2">Page 2</a></li> 
</ul> 
<div id="tabs-1"> 
     This is tab 1. 
    </div> 
    <div id="tabs-2"> 
     This is tab 2. 
    </div> 
</div> 

Answer 1

Ты делаешь это гораздо проще, чем это.

В вашей странице .ascx вы должны включать в себя:

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

И вы не что-нибудь в вашем коде позади нужно.

Источник: http://jqueryui.com/demos/tabs/