-3

3 つの部分ビューを含む 3 つのタブを持つページを作成しようとしています。タブをホストするメイン ビュー。

<script type="text/javascript">
$(function () {
    $("#tabs").tabs();
});
</script>
<div id="tabs" style="display:inline; float:inherit">
<ul>
    <li>@Ajax.ActionLink("Tab name1","ActionMethod1","ControllerName",new      AjaxOptions{UpdateTargetId="div1"})</li>
    <li>@Ajax.ActionLink("Tab name2","ActionMethod2","ControllerName",new AjaxOptions{UpdateTargetId="div2"})</li>
<li>@Ajax.ActionLink("Tab name3","ActionMethod3","ControllerName",new AjaxOptions{UpdateTargetId="div3"})</li>
</ul>
</div>
<div id=div1></div>
<div id=div2></div>
<div id=div3></div>

tab1 と tab2 に次へのボタンを作成し、tab3 に送信ボタンを作成しました。

ボタン（次へ）クリックでタブ1からタブ2を開くコードを教えてください。このコードを配置する場所。それはこのメイン ビューにありますか、それとも部分ビューにありますか?

4

1 に答える 1

0

コメントからより具体的な質問に対処する

タブ 1 のボタンをクリックしてタブ 2 を開くには:

Html ( jQuery タブの標準マークアップ):

<div id="tabs">
        <ul>
            <li><a id="tab1" href="#tabs-1">Tab One</a></li>
            <li><a id="tab2" href="#tabs-2">Tab Two</a></li>
            <li><a id="tab3" href="#tabs-3">Tab Three</a></li>
        </ul>
   <div id="tabs-1>
         <button type="button" id="GotoTab2">Next</button>
   </div>
   <div id="tabs-2">
         <!-- some content -->
   </div>

jQuery

$(function () {
        $("#tabs").tabs(); 
        $('#GotoTab2').click(function () {
           $('#tab2').click();
        });
    });
于 2012-11-02T12:38:00.107 に答える