javascript - 侧边栏 "category"选择并显示 PHP 功能

Question

我正在一个电子商务网站上工作。注册后，客户将拥有一个管理面板并拥有设施

当客户点击“收件箱”时，它将显示他的“消息”，当点击“发件箱”时，它将显示“已发送消息” 但现在，当我单击“收件箱”/“发件箱”时，所有功能都出现在同一页面上。

我不想在同一页面上显示它们.. 现在我正在使用这段代码

<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'>
					<li class='w-list-item'><a class='link' href="javascript:inbox()">Inbox</a></li>
					<li class='w-list-item'><a class='link' href="javascript:sentbox()">Sent Box</a></li>
</ul>

Answer 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>