0

onclick 関数を 1 回クリックするだけで 2 つのビューを読み込みたい。

私は codeigniter を使用しており、ajax を介してビューをロードしたいと考えています。

ワンクリックで2つのビューをロードする方法を知りたいのですが、両方とも異なるdivにロードする必要がありますか??

私は単一のdivで1つだけをロードすることができました。しかし、2 つのビューをロードするために何をすべきかを決めることに固執しました。

これが私がこれまでに行ったことです。

<a href='#' id=\"mnu_btn_user_accounts\" onclick=\"javascript:loadmenu('".base_url()."index.php/".$arLeftMenuList[$key]['FormCIPath']."')\">

以下はonloadの機能です

<script type='text/javascript' language='javascript'>

    function loadmenu(str){
        $.ajax({
            type: "POST",
            url: str,    
            success: function(output_string){    
                $('.second_column_content_container').html(output_string);    
            }    
        });
}
</script>

私の問題に対する良い解決策はありますか？

4

1 に答える 1

0

onClick は必要ではなく、jQuery では実際に推奨されるものでもありません。2 つのパスをリンク内の個別のクラスとして設定し、クリック機能でリンク内のクラスを取得して、それらを ajax 呼び出しに渡します。 

 <a href="#" id=\"mnu_btn_user_accounts\" class="link '.$arLeftMenuList[$key]['FormCIPath'].' '.$otherPath">Click Me</a>


<script type='text/javascript' language='javascript'>
    $(".link").on("click", function(){
        var url1 = <?=base_url()."index.php";> + $(this).attr('class').split(' ')[1];
        var url2 = <?=base_url()."index.php";> + $(this).attr('class').split(' ')[2];
        loadmenu(url1, url2)
    {
    function loadmenu(url1, url2){
        $.ajax({
            type: "POST",
            url: url1,    
            success: function(output_string){    
                $('.second_column_content_container').html(output_string);    
            }    
        });
        $.ajax({
            type: "POST",
            url: url2,    
            success: function(output_string){    
                $('.other_content_div').html(output_string);    
            }    
        });
}
</script>
于 2013-03-27T12:17:44.627 に答える