1

我正在使用最新版本的 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>
4

1 回答 1

0

你做多了，它比这简单得多。

在您的 .ascx 页面中，您应该包括：

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

而且您的代码中不需要任何内容​​。

来源：http: //jqueryui.com/demos/tabs/

于 2012-07-25T12:54:43.130 回答