1

モジュール開発には、最新バージョンの 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>
4

1 に答える 1

0

あなたのやり過ぎは、それよりもはるかに簡単です。

.ascx ページには、次を含める必要があります。

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

そして、コードビハインドには何も必要ありません。

ソース: http://jqueryui.com/demos/tabs/

于 2012-07-25T12:54:43.130 に答える