刷新整个页面并在单击链接时加载 div

Question

     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
               $(window).load(function () {
                    var divs = $( #add_new, #details");    

                   $("li a").click(function () {
                        $(divs).hide();
                        $("#" + $(this).attr("class")).show();
            });
            });

        <ul>
         <li><a class="add_new" href="javascript:void(0);"  >Add new</a></li>
        <li><a class="details" href="javascript:void(0);"  >details</a></li></ul>
        <div id="add_new">
        <p>ADD NEW</P>
    <input type="button" id="addsettings" value="Add Informations">
        </DIV>
        <div id="details">
        <p>detailssss</p>
        </div>

<script>
 $(function () {
        $("#addsettings").click(function () {

             $.ajax({
                    url: "manage.php",


                    success: function (html) { // this happens after we get results
                        $(".result").empty();
                        $(".result").show();
                        $(".result").append(html);
                    }
             });
        });
 });
 </script>

manage.php

<div id="div1">
pppppp
lll
kkk
</div>
<div id='div2'>
tttttt
gg
mm
</div>

<script>
$("#add_new").hide();
</script>

我需要刷新页面，然后显示特定的 div 标签。现在它显示没有页面重新加载的 div。例如，如果我单击 add_new 中的按钮，它将通过 ajax 将我带到另一个页面。在另一个页面中，我显示了许多 div（div1，div2），我在这里隐藏了add_new div。然后，如果我单击“详细信息”链接，然后再次返回add_new，它仍然显示位于 ajax 页面（div1，div2）中的 div 不是`add_new。

请帮助我。我在这里需要 add_new div。 谢谢

Answer 1

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>
    $(window).load(function () {
        var divs = $('#add_new,#details');    

            $("li a").click(function () {
            divs.css('display','none');

            $("#" + $(this).attr("class")).css('display','block');
        });
    });
</script>
<ul>
    <li><a class="add_new" href="javascript:void(0);"  >Add new</a></li>
    <li><a class="details" href="javascript:void(0);"  >details</a></li></ul>
<div id="add_new" style="display: none">
    <p>ADD NEW</P>
    <input type="button" id="addsettings" value="Add Informations">
</DIV>
<div id="details" style="display: none">
    <p>detailssss</p>
</div>