Question

我正在使用最新版本的DNN和Chris Hammond的VS 2010模板进行模块开发。我只是试图在我的页面上放置一个jQueryUI Tab控件。我查看了文档，看起来这应该可行。当我查看源代码时，我可以看到jQueryUI被包含在头文件中。我也尝试用dnnTabs（）替换tabs（）调用，但没有区别。那么，我在这里错过了什么？提前谢谢！

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/

如何在DotNetNuke 6.2+上使用jQuery UI选项卡

1 个答案: