javascript
  • jquery
  • html
  • asp.net-mvc
  • razor
  • 2016-07-27 5 views 0 likes 
    0

    次のように私は、別のアクションからの図を示しているCSHTMLファイル内のdivを持っている:javascriptイベントでHtml.Actionを実行するには?

    <div id="tabs-1ua"> 
        @Html.Action("Index", "Admin") 
    </div> 
    

    これは、最初のページの負荷の罰金ロードします。次のように別々のjsファイルでは、私はdivのためのイベントキャッチャーを持っている:

    $("a[href='#tabs-1ua']").click(function (event, ui) { 
    
        $("#tabs-1ua").val("@Html.Action('Index', 'Admin')"); 
    
    }); 
    

    を上記からわかるように、valパラメータは、元のdivに表示され、同じカミソリコードです。ただし、divイベントがアクティブになるたびに実行されるアクションの望ましい結果は得られません。イベントが発生するたびにカミソリのコードを有効にする正しい方法は何ですか?アラートでテストすることでイベントがキャプチャされるようにしたので、それは問題ではありません。

    ありがとうございます。

    +0

    結果は何ですか?現在何が起こっていますか? –

    +0

    @BviLLe_Kid現在、コンテンツが変更されたはずであることを確認できても、divは最初の読み込みと同じ内容を表示しています。 – ITWorker

    +0

    デバッグしましたか?アクションはブレークポイントでヒットしていますか? –

    答えて

    2

    あなたはこのような何かやって、非同期AJAXを使用して所望のコンテンツをロードしようとすることができます:

    $("a[href='#tabs-1ua']").click(function (event, ui) { 
    
        $.ajax({ 
         url: "/Admin/Index", 
         data: {} 
        }).done(function (htmlResponse) { 
         $("#tabs-1ua").html(htmlResponse) 
        }); 
    }); 
    

    これにid =タブ-1μA以下とdivの内部アクションの結果をロードします。

    これはもっと簡単な方法ですが、もし私がさらに助けてもらえるかどうか教えてください

    +0

    これは機能しました!ありがとう! – ITWorker

    +0

    あなたはウェルメームです、幸せなコーディングが助けてくれてうれしいです! –

    関連する問題