2017-02-26 87 views
1

我正在一個電子商務網站上工作。後登錄客戶端將有一個管理面板,並有設施enter image description here側邊欄「類別」選擇和顯示功能PHP

當「收件箱」,它會顯示他的「按摩」,當點擊「發件箱」,它會顯示「發送按摩」 但現在當我的客戶端點擊點擊「收件箱」/「發送框」,所有功能都在同一頁面上。 enter image description here

我不想讓他們在同一頁.. 現在我用這個代碼

<div id="inboxdiv" > 
 
        
 
        <script> 
 
    function inbox() { 
 
     $("#inboxdiv").load("member/inbox.php"); 
 
    } 
 
        </script> 
 
        </div> 
 
        <div id="sentboxdiv" > 
 
        
 
        <script> 
 
    function sentbox() { 
 
     $("#sentboxdiv").load("member/sentbox.php"); 
 
    } 
 
        </script> 
 
        </div>
<ul class='w-list'> 
 
\t \t \t \t \t <li class='w-list-item'><a class='link' href="javascript:inbox()">Inbox</a></li> 
 
\t \t \t \t \t <li class='w-list-item'><a class='link' href="javascript:sentbox()">Sent Box</a></li> 
 
</ul>

+0

如果用戶點擊(第一'inbox'然後'sentbox'),那麼你要顯示兩者兼而有之? –

+0

不,我只想顯示什麼客戶端現在點擊...如果「收件箱」,那麼只有「收件箱」,如果「發送箱」,那麼只有「發送箱」 – sajid

回答

1

您需要清除以前的div被點擊新鏈接時。檢查此解決方案:在兩個

<div id="inboxdiv" class="content_data"> 

        <script> 
    function inbox() { 
     $(".content_data").html(""); 
     $("#inboxdiv").load("member/inbox.php"); 
    } 
        </script> 
        </div> 
        <div id="sentboxdiv" class="content_data"> 

        <script> 
    function sentbox() { 
     $(".content_data").html(""); 
     $("#sentboxdiv").load("member/sentbox.php"); 
    } 
        </script> 
        </div> 
+0

謝謝它有利於2功能(收件箱和發送箱) ..但我有20多個功能..它變得複雜 – sajid

+0

然後添加所有div的普通類並加載前清除它。檢查我編輯的答案@sajid –

+0

非常感謝:)其工作 – sajid

相關問題