왼쪽 메뉴를 클릭하면 오른쪽에 다른 웹 페이지를 불러옵니다.

    
    
    
    





    

        
 
        
 
        
 
        
 
    
    




    $(function() {
        $(".userMenu").on("click", "li", function() {
            var sId = $(this).data("id"); // data-id 
            window.location.hash = sId; // 
            loadInner();
        });

        function loadInner() {
            var sId = window.location.hash;
            var pathn, i;
            switch(sId) {
                case "#center":
                    pathn = "user_center.html";
                    i = 0;
                    break;
                case "#account":
                    pathn = "user_account.html";
                    i = 1;
                    break;
                case "#trade":
                    pathn = "user_trade.html";
                    i = 2;
                    break;
                case "#info":
                    pathn = "user_info.html";
                    i = 3;
                    break;
                default:
                    pathn = "user_center.html";
                    i = 0;
                    break;
            }
            $("#content").load(pathn); // 
            $(".userMenu li").eq(i).addClass("current").siblings().removeClass("current"); // 
        }
        var sId = window.location.hash;
        loadInner();
    });

    
    
    
    
    
    





    
제1항
    
제2항
    
제3항
    
제4항



    
 
    

        
 ？
        
 ， 
    
    
 
    
 





    $(document).ready(function(){
        $('#myTab a[href="#second"]').tab('show')
    });