Jquery после клика и загрузки его скопировать и вставить часть HTML

Я здесь с хорошей проблемой, которую я не знаю, как это исправить. Я помещал некоторый JavaScript в мой файл VOLT, и когда меня попросили щелкнуть, он работает и загрузил страницу, но проблема в том, что он также копирует и проходит часть моего <head> файлы и часть моего меню начальной загрузки <nav>,

Bootstrap Код меню:

<nav class="navbar navbar-default navbar-fixed-top">
          <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <ul class="nav navbar-nav">
                <li {% if view.url == '/' %}
                        class="active"
                    {% endif %}
                ><a class="navbar-brand" href="/">DaizCode</a></li>
              </ul>
            </div>
            <?php

                $this->view->url = $this->router->getRewriteUri();
             ?>
            <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav navbar-right">
              <?php if(isset($_SESSION['username']) == false) { ?>
                <li {% if view.url == '/about' %}
                        class="active"
                    {% endif %}
                ><a href="/about" class="about">About Us</a>
              </li>
              <li {% if view.url == 'auth/login' %}
                  class="active"
                {% endif %}
              ><a href="auth/login" class="login">Login</a>
              </li>
              <li {% if view.url == 'auth/register' %}
                  class="active"
                {% endif %}
              ><a href="auth/register">Register</a>
              </li>
              <?php } else { ?>
                <li {% if view.url == '/auth/dashboard' %}
                            class="active"
                        {% endif %}
                    ><a href="/auth/dashboard" title="Dashboard" class="dashboard"><img src="http://www.daizcode.com/img/activity-icon.png" /></a>
                </li>
                <li {% if view.url == '/auth/dashboard/learn' %}
                    class="active"
                  {% endif %}
                ><a href="/auth/dashboard/learn" title="Learn" class="learn"><img src="http://www.daizcode.com/img/learn-icon.png" /></a>
                </li>
                <li {% if view.url == 'auth/dashboard/discussions' %}
                    class="active"
                  {% endif %}
                ><a href="auth/dashboard/discussions" title="Discussions" class="conv"><img src="http://www.daizcode.com/img/conv-icon.png" /></a>
                </li>
                <li {% if view.url == 'auth/dashboard/notifications' %}
                    class="active"
                  {% endif %}
                ><a href="auth/dashboard/notifications" title="Notifications" class="notifications"><img src="http://www.daizcode.com/img/globe-icon.png" /></a>
                </li>
                <li {% if view.url == 'auth/dashboard/inbox' %}
                    class="active"
                  {% endif %}
                ><a href="auth/dashboard/inbox" title="Inbox" class="inbox"><img src="http://www.daizcode.com/img/inbox-icon.png" /></a>
                </li>
              <?php } ?>
            </ul>
          </div>
          </div><!-- /.container-fluid -->
        </nav>
       {{ content() }}

{{ content() }} является частью шаблона вольт, где он идет, выберите другие страницы немедленно, чтобы показать его. У меня есть немного PHP, поэтому я могу показать другое меню после того, как пользователь включен или нет.

Вот код файла nav (nav.volt):

<input type="text" class="user-login" name="user-login" placeholder="Username..." />
<input type="password" class="password-login" name="pwd" placeholder="Password..." />
<a href="#" name="close" class="close">X</a>

Здесь я дам вам свою страницу вольт (часть сценария):

{{ javascript_include('/js/jquery-3.1.1.js') }}
{{ javascript_include('/js/jquery-3.1.1.min.js') }}
{{ javascript_include('/js/bootstrap.min.js') }}
<script type="text/javascript">
  $(".login").click(function() {
    $(".navbar-right").load("auth/login/nav");
    return false;
  });
</script>

Здесь я могу показать вам изображение, где вы видите проверку страницы, и она проверяет после щелчка класса .login который находится в начальной загрузке Navbar. Код, который я хочу показать на нем, находится после красного прямоугольника. Что я хочу знать, так это как я могу удалить то, что внутри прямоугольника. Смотрите изображение ниже.

Google Chrome Осмотрите проблему, о которой я говорил выше

Обновлена ​​проблема с изображением

Спасибо.

Источник

1 ответ

Вы можете добавить это, чтобы получить определенную часть файла,

Это будет загружать элементы ввода и тег после элемента ввода без загрузки nav или любых других тегов.

<script type="text/javascript">
  $(".login").click(function() {
    $(".navbar-right").load("auth/login/nav input,input+a");
    return false;
  });

</script>

Надеюсь это поможет

Источник
Другие вопросы по тегам