繁体   English   中英

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

[英]refresh the whole page and load a div on clicking a link

     <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。 谢谢

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

如何刷新<div>在 html 而不是整个页面</div><div id="text_translate"><p>我想刷新 html 页面中的特定部分(包含表单),而不是 Django 模板中的整个页面。当用户提交重定向到下一个问题的表单时,表单包含问题和选择。(base.ZFC35FDC70D5FC69D269883A82E 用于创建的脚本)倒计时器)</p><p> question_details.html</p><pre> {% extends 'app/base.html' %} {% block content %} &lt;div&gt; &lt;h2&gt;score -{{user.userextend.score}}&lt;/h2&gt; &lt;form action="{% url 'app:detail' quiz_id=que.quiz.id question_id=que.id %}" method="post" id="user_form"&gt; {% csrf_token %} {% for choice in que.answer_set.all %} &lt;input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}"&gt; &lt;label for="choice{{ forloop.counter }}"&gt;{{ choice.answer }}&lt;/label&gt;&lt;br&gt; {% endfor %} &lt;input type="submit" value="Next"&gt; &lt;/form&gt; &lt;/div&gt; {% endblock %}</pre></div>

[英]How to refresh <div> in html and not the whole page

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 单击链接时如何将整个页面加载到div中? 在页面中加载div而不刷新整个页面 单击查询中的链接时,仅对div而不是整个页面进行动画处理 React js-单击链接后如何防止页面重新加载。 现在整个页面都在点击链接时刷新 刷新jsp页面上的特定div而不是整页 通过单击整个页面中的图像来打开div 如何在不刷新整个页面的情况下刷新div? 单击AngularJS中的链接时防止页面刷新 如何刷新<div>在 html 而不是整个页面</div><div id="text_translate"><p>我想刷新 html 页面中的特定部分(包含表单),而不是 Django 模板中的整个页面。当用户提交重定向到下一个问题的表单时,表单包含问题和选择。(base.ZFC35FDC70D5FC69D269883A82E 用于创建的脚本)倒计时器)</p><p> question_details.html</p><pre> {% extends 'app/base.html' %} {% block content %} &lt;div&gt; &lt;h2&gt;score -{{user.userextend.score}}&lt;/h2&gt; &lt;form action="{% url 'app:detail' quiz_id=que.quiz.id question_id=que.id %}" method="post" id="user_form"&gt; {% csrf_token %} {% for choice in que.answer_set.all %} &lt;input type="radio" name="choice" id="choice{{ forloop.counter }}" value="{{ choice.id }}"&gt; &lt;label for="choice{{ forloop.counter }}"&gt;{{ choice.answer }}&lt;/label&gt;&lt;br&gt; {% endfor %} &lt;input type="submit" value="Next"&gt; &lt;/form&gt; &lt;/div&gt; {% endblock %}</pre></div> 刷新社交div而不刷新整个页面
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM