javascript - 单击并加载后的 Jquery 复制并粘贴部分 HTML-6ren

javascript - 单击并加载后的 Jquery 复制并粘贴部分 HTML

转载作者：行者123 更新时间：2023-11-28 15:59:09

26

4

我遇到了一个我不知道如何解决的好问题。我在我的 volt 文件中放置了一些 javascript，当我要求单击它时它可以工作并加载页面，但问题是我的 <head> 的一部分也被复制和过去了。文件和我的引导导航栏菜单的一部分 <nav> .

引导菜单代码:

<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() }}是 volt 模板的一部分，它会立即选择其他页面来显示它。我有一些 PHP，所以我可以在用户打开或关闭后显示不同的菜单。

这是导航文件 (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 后进行检查。在引导导航栏中。我想在上面显示的代码在红色矩形之后。我想知道的是如何删除矩形内部的内容。请参见下图。

Google Chrome Inspect of the problem I said above

Updated image problem

谢谢。

最佳答案

你可以添加这个来获取文件的特定部分，

这将在输入元素之后加载输入元素和标签，而不加载导航或任何其他标签。

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

</script>

希望对你有帮助

关于javascript - 单击并加载后的 Jquery 复制并粘贴部分 HTML，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40455454/

26

4

0

文章推荐： html - 悬停时背景颜色的不透明度

文章推荐： JavaScript 循环程序

文章推荐： css - 使用 Bootstrap 放置 Div

文章推荐： php - 在 php 文件中声明将在 JS/jQuery 中访问的变量

iphone - 复制(复制)核心数据记录和相关记录
我正在编写一个应用程序，允许用户创建一个“问卷”，然后向其中添加问题。我正在使用核心数据来存储信息。我创建了一个问卷实体，并与问题实体建立了“一对多”关系。我的问题是，如果要允许用户复制(复制)整个调
Android:复制/复制 SharedPreferences
有没有办法复制或复制 SharedPreference？或者我需要从一个变量中获取每个变量，然后将它们放入另一个变量中吗？最佳答案尝试这样的事情: //sp1 is the shared pref
objective-c - @property(复制)与方法[复制]
下面的(A)和(B)有区别吗？ (假设 NON ARC，如果重要的话) // --- (A) --- @interface Zoo : NSObject{} @property (copy) Dog
php - 复制/复制/克隆 mysql_result 对象
我正在尝试将 mysql SELECT 查询保存到文件中，如下所示: $result = mysqli_query($db,$sql); $out = fopen('tmp/csv.csv', 'w'
ios - 使用 CVPixelBufferCreate 复制/复制 CVPixelBufferRef
我需要创建一个 CVPixelBufferRef 的副本，以便能够使用副本中的值以按位方式操作原始像素缓冲区。我似乎无法使用 CVPixelBufferCreate 或 CVPixelBufferCr
c# - 使用 Naudio 复制 Wave 文件 - 复制/附加最新的可用字节
我在 Source 文件夹中有一个 Active wave 录音 wave-file.wav。我需要使用新名称 wave-file-copy.wav 将此文件复制到 Destination 文件夹。
autotools - 文件由 `make dist` 复制，但未由 `make distcheck` 复制
在使用 GNU Autotools 构建的项目中，我有一个脚本需要通过 make 修改以包含安装路径。这是一个小例子: configure.ac: AC_INIT(foobar, 1.0) AC_PR
mysql - 使用 blob/text 复制/复制 SQL 行，怎么做？
我想将 SQL 的行复制到同一个表中。但是在我的表中，我有一个“文本”列。使用此 SQL: CREATE TEMPORARY TABLE produit2 ENGINE=MEMORY SELECT
python Pandas DataFrame 复制(deep=False)vs 复制(deep=True)vs '='
谁能给我解释一下 df2 = df1 df2 = df1.copy() df3 = df1.copy(deep=False) 我已经尝试了所有选项并执行了以下操作: df1 = pd.DataFram
Hazelcast 复制？
Hazelcast 是否具有类似于 Ehcache 的复制？ http://www.ehcache.org/generated/2.9.0/pdf/Ehcache_Replication_Guide.
MySQL远程连接(复制)
我有以下拓扑。一个 Ubuntu 16.04。运行我的全局 MySQL 服务器的 Amazon AWS 上的实例。我想将此服务器用作许多本地主服务器(Windows 机器 MySQL 服务器)的从服务
MySQL 复制
使用 SQLyog，我正在测试表中是否设置了正确的值。我尝试过 SELECT type_service FROM service WHERE email='test@gmail.com' 因此，只输出
Elasticsearch 复制
有人可以提供一些关于如何配置 ElasticSearch 进行复制的说明。我在 Windows 中运行 ES，并且了解如果我在同一台服务器上多次运行 bat 文件，则会启动一个单独的 ES 实例，并且
复制 Thread 数组
一点睛 ThreadGroup 复制线程的两个方法。 public int enumerate(Thread list[]) // 会将 ThreadGroup 中的 active 线程全部复制到
复制 ThreadGroup 数组
一点睛 ThreadGroup 复制线程组的两个方法。 public int enumerate(ThreadGroup list[]) // 相对于 enumerate（list,true） pu
添加新数据中心时用于系统模式的 Cassandra 复制
官方documentation Cassandra 说: Configure the keyspace and create the new datacenter: Use ALTER KEYSPAC
r - 如何在ggplot2中绘制加权黄土平滑度？ [复制]
This question already has answers here: How to weight smoothing by arbitrary factor in ggplot2? (2个答
excel - 复制/导出多列
我们有一个表格来表明对各种俱乐部的兴趣。输出将数据记录在 Excel 电子表格中，其中列有他们的首选姓名、姓氏、电子邮件、代词，以及他们感兴趣的俱乐部的相应列中的“1”(下面的模型)。我们希望为俱乐
vim - 如何使Vim带您回到上次编辑文件时的状态？ [复制]
This question already has answers here: Closed 8 years ago. Possible Duplicate: In vim, how do I get
vba - 复制/粘贴具有形状的单元格
如何复制形状及其所在的单元格？当我手动复制时，形状会跟随单元格，但是当我使用宏进行复制时，我会得到除形状之外的所有其他内容。 Cells(sourceRow, sourceColumn).Copy C

首页

博学

6Ren·AI

商城

javascript - 单击并加载后的 Jquery 复制并粘贴部分 HTML