文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JQuery .on可以在第一个html上工作，但不能在第二个html上工作(相同的表单)

JQuery是一种流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果等操作。.on()是JQuery提供的一个事件绑定方法，用于在指定的元素上绑定一个或多个事件处理函数。

在这个问题中，.on()方法在第一个HTML页面上可以正常工作，但在第二个HTML页面上却无法正常工作。这可能是由于以下几个原因导致的：

  1. 元素不存在：在第二个HTML页面中，可能没有与事件绑定相关的元素。请确保第二个HTML页面上存在与事件绑定相关的元素，并且它们的选择器与.on()方法中指定的选择器匹配。
  2. 事件未正确绑定：在第二个HTML页面中，可能没有正确地绑定事件处理函数。请确保在使用.on()方法时，正确地指定了事件类型和事件处理函数。
  3. 脚本加载顺序问题：如果第二个HTML页面中的脚本加载顺序不正确，可能会导致无法正确绑定事件。请确保在使用.on()方法之前，JQuery库已经成功加载，并且在脚本中正确引用了JQuery库。

针对这个问题，可以尝试以下解决方案：

  1. 检查元素是否存在：在第二个HTML页面中，使用开发者工具或查看页面源代码，确认与事件绑定相关的元素是否存在。
  2. 检查事件绑定代码：在第二个HTML页面中，检查事件绑定代码是否正确，包括事件类型和事件处理函数的指定。
  3. 确保脚本加载顺序正确：在第二个HTML页面中，确保JQuery库在使用.on()方法之前已经成功加载，并且在脚本中正确引用了JQuery库。

如果以上解决方案都没有解决问题，可以考虑使用其他的事件绑定方法或调试工具来进一步排查问题。

腾讯云相关产品和产品介绍链接地址：

相关搜索:Javascript可以在HTML文件中工作，但不能在Javascript文件中工作javascript可以在小提琴中工作，但不能在我的html中工作Javascript函数可以在JSFiddle上工作，但不能在我的HTML文档中工作？javascript智能感知可以在html的<script>上工作，但不能在.js文件中工作Pika可以在ubuntu上连接到RabbitMq，但不能在Centos上工作？HTML代码可以在codepen中工作，但不能在其他文本编辑器中工作html标签无线电可以在桌面和模拟器上工作，但不能在iOS Safari上工作jquery函数可以在一个页面中工作，但不能在具有相同属性的其他页面中工作(但它可以在控制台上工作)Dropzone实例可以在第一个元素上工作，但不能在克隆的元素(Vue)上工作我的html和javascript代码在Safari上不工作相同的Web API代码可以在Windows 10上运行，但不能在Linux Debian Buster上运行我的HTML + JavaScript代码可以在联机编辑器上运行，但不能在脱机编辑器上运行Onload在HTML Javascript上不能像我预期的那样正常工作通过使用blobstore，Gifs(动画)可以在Appengine上工作，但不能在具有相同代码的本地主机上工作Swift游乐场:在WebKit中渲染本地html文件可以在模拟器上运行，但不能在设备上运行jQuery在Wordpress上不起作用，但在普通html模板上却能很好地工作。更新的API在本地工作，但不能在Heroku上运行，即使它使用更新的代码简单的Html Dom库可以在本地服务器上运行，但不能在大多数实时服务器上运行在React中，我的POST fetch请求可以在桌面上工作，但不能在Chrome上的iPad上工作，有什么问题吗？我有一个JS列表函数，它可以在使用内联脚本时工作，但不能在HTML和JS位于不同的文件中时工作
相关搜索:
页面内容是否对你有帮助？
有帮助
没帮助

相关·内容

JQuery基础

使用大公司CDN好处： 许多用户在访问其它站点时，已经从百度、新浪、谷歌和微软加载过jQuery。当用户访问我的站点时，会从缓存中加载jQuery，这样可以有效减少加载时间！...（适用于表单字段）发生改变时）,focus（元素获得焦点）,blur（元素失去焦点）事件； 文档/窗口事件：load（元素已加载触发，在jQuery1.8中废除。...当鼠标指针移动到元素上时，会触发第一个函数（mouseenter）；当鼠标指针移出这个元素时，会触发第二个函数（mouseleave）。...（不带参数） 6.jQuery链(chaining) 链：顾名思义，锁链，即一环套一环。 jQuery中将动作/方法链接在一起，因此，在相同元素上，我们可以在一条语句上运行多个jQuery方法。...，具有相同的父元素） siblings()：返回被选元素的所有同胞（兄弟）元素；可选参数可以用来进行过滤：$('h2').siblings('p')：返回与h2具有相同父元素的p元素 next()：返回被选元素的下一个同胞元素

4.6K51

    • jQuery

    第一个参数speed : 三种预定速度（show，normal，fast）或者是动画时长的毫秒数 第二个参数 easing：指定切换效果，默认是’swing’ 还可设为’linear’ 第三个参数...，第二个是鼠标移出时触发的函数 只写一个参数时，鼠标移入移出都会触发它 4.1 jQuery属性操作 4.1.1 元素固有属性值 prop() 获取元素本身自带的属性,有利于对表单操作 表单属性...prop('属性名','属性值'); 4.1.2 元素自定义属性值 attr() //获取 attr('属性名'); //更改 attr('属性名','属性值'); 4.1.3 数据缓存 data() 可以在指定的元素上存取数据...，但不会修改DOM元素结构。...>123 $('div').html('ljc'); //div中只剩ljc 普通元素文本内容 只会获取文本的内容，不会获取标签 表单的值 val() console.log

    8.4K10

    一周极客热文：一个7岁女孩告诉你的关于计算机编程的本质

    你告诉它去做事情时必须按正确的顺序。 你可以用计算机做出很多不同的事情。 一定要检查你的工作。 很惭愧，试问我们有几个人能够像这个小女孩这样对什么是编程有这样真实的理解？...检查不是由你运行的程序 在多个文件中替换掉相同的文本 合并一个不稳定的终端 创造Mozilla关键词 运行多种X会话 更快地浏览 简单地备份你的网站 使你的时钟保持准时 二、 通过8个技巧让你成为一个超强的...学习这些基本的技巧，你就会逐渐掌握Bash shell，这个在大多数Linux发行版上默认使用的终端工具。...后台运行命令：默认情况下，Bash会在当前终端下运行你的命令。 条件执行：你同样可以用Bash运行两个命令，一个接着一个。第二个命令只有当第一个命令成功运行完毕后才会运行。...要想做到这样，把两个命令在同一行中用”&&”分隔即可。 三、 求职季！50份简历设计，助你找到梦寐以求的工作 大家都说现在求职很难，找不到心仪的工作，其实你可知道，招人单位一样也和你一样在发愁。

    99090

    jQuery笔试题汇总整理--2018

    选择所有tr元素的最后一个 表单选择器：如：$(":input")选择所有的表单输入元素 $(":text")选择所有的text的input元素 4、jQuery的美元符号$有什么作用？...获取HTMl：$("选择器").html() 获取文本的值：$("选择器").text() 11、jQuery中有哪些方法可以遍历节点？...)向每个匹配的元素内部追加内容.   4)after(content)在每个匹配的元素之后插入内容.   5)html()/html(var)取得或设置匹配元素的html内容.   6)find(...3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。...16、AJAX最大的特点是什么。 Ajax可以实现动态不刷新（局部刷新） 就是能在不更新整个页面的前提下维护数据。

    2.5K21

    jquery中attr()和prop()的区别

    在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。 但不得不说的是，这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。...不过，在jQuery中，attribute和property却是两个不同的概念。attribute表示HTML文档节点的属性，property表示JS对象的属性。 1 <!...: 18}; 7 在jQuery中，prop()函数的设计目标是用于设置或获取指定DOM元素(指的是JS对象，Element类型)上的属性(property)；attr()函数的设计目标是用于设置或获取指定...4、其他细节问题 在jQuery 1.6之前，只有attr()函数可用，该函数不仅承担了attribute的设置和获取工作，还同时承担了property的设置和获取工作。...此外，对于表单元素的checked、selected、disabled等属性，在jQuery 1.6之前，attr()获取这些属性的返回值为Boolean类型：如果被选中(或禁用)就返回true，否则返回

    1.9K20

    jquery对象和dom对象的相互转换

    ，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over，离开时置为out。...与$(fn)等价 （3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素， 则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。...addClass("selected");    },function(){ $(this).removeClass("selected");  }); （4）trigger(eventtype): 在每一个匹配的元素上触发某类事件...如： $("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]  这些都是Dom对象，可以使用Dom中的方法，但不能再使用jQuery的方法

    3.3K40

    JQuery最全常用方法指南

    在每个对 象上，这个事件处理函数只会被执行一次。其他规则与bind()函数相同。 trigger(type, [data]) 在每一个匹配的元素上触发某类事件。...，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。...如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。...，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over，离开时置为out。

    11K31

    什么是jQuery？

    ）提倡对主要的html标签提供一个id属性，但不是必须的 （8）出错后，有一定的提示信息 （9）不用再在html里面通过 回顾javascript JavaScript定位到HTML的控件有三种基本的方式...（8）表单选择器 匹配表单对应的控件属性 （9）表单对象属性选择器 匹配表单属性具体的值 通过这九种的选择器，我们基本可以能获取HTML中任何位置的标签。...，在API上也有层次关系的方法。...，JavaScript就会响应事件，在事件的方法上，我们就可以对用户的动作“回馈”一些信息给用户！...blur：焦点失去 值得注意的是：当用户执行动作的时候，浏览器会自动创建事件对象，传递进去给响应事件的方法【类似与监听器的原理】，那么我们在响应方法上就可以获取一些属性： ?

    3K70

    解决innerHtml 在Jquery上使用无效果的问题

    ' + loadTime + 'ms'); innerHTML在JQuery中使用的话是无效果的， JQuery提供了三种方法实现指定标签赋内容:.html(),.val(),.text()。...，只读取第一个元素:( 这句话实测是一个标签使用了多个.html()时，只有第一个.html()有效，假如一个标签同时使用了.html()，.text()也是第一个有效) .text()用来读取或修改元素的纯文本内容...对应js中的innerText text()用来读取元素的纯文本内容，包括其后代元素;.text()方法不能使用在表单元素上 .val()用来读取或修改表单元素的value值 .val()是用来读取表单元素的..."value"值,.val()只能使用在表单元素上 关于三者的区别 .val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样....html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。**

    41310

    jquery的html,text,val

    其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时...，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。...而不用在其他元素，用来获取input或者是select的值 html()和text()可用在多种元素上，但是html()相当于依据源代码返回，也就是在返回的内容中会包含各种tag，而text()则相当于是依据页面显示返回...1.无参val（）：获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。     ...在 jQuery 1.2, 这也可以为check,select,radio元件赋值,返回一个jquery对象    html页面代码：

    1.9K50

    前端(四)-jQuery

    clone(false) 复制节点但不复制节点上的事件 3.5属性操作 方法 说明 $("元素标签").attr("属性名"） 获取指定属性的属性值 $("元素标签").attr("属性名","属性值...elm时dom元素对象,不可以直接使用jQuery方法,必须是转化为jQuery节点 alert($(this).html()); //$(this)转换为jQuery节点 }); 3.6.5...//第一个参数是执行显示或隐藏的速度或者隐藏的时长，单位是毫秒,如果为0，立刻执行 //也可以是：slow,normal,fast， //第二个参数是执行显示或者隐藏效果完成后，需要执行的操作函数...当表单提交事件，接收到false的返回值不会再提交表单内容，可以实现去除表单的默认提交处理(让from的action失败)，包括超链接； $("form").submit(function(){...{ //当表单提交事件，接收到false的返回值不会在提交表单内容，可以实现去除表单的默认提交处理(让from的action失败)，包括超链接 return false;

    8.5K30

    Juqery就是这么简单

    ）提倡对主要的html标签提供一个id属性，但不是必须的 （8）出错后，有一定的提示信息 （9）不用再在html里面通过标签插入一大堆js来调用命令了 回顾javascript JavaScript...（5）可见性选择器 （6）属性选择器 （7）子元素选择器 （8）表单选择器 （9）表单对象属性选择器 通过这九种的选择器，我们基本可以能获取HTML中任何位置的标签。...，在API上也有层次关系的方法。...，JavaScript就会响应事件，在事件的方法上，我们就可以对用户的动作“回馈”一些信息给用户！...blur：焦点失去 值得注意的是：当用户执行动作的时候，浏览器会自动创建事件对象，传递进去给响应事件的方法【类似与监听器的原理】，那么我们在响应方法上就可以获取一些属性： ?

    2.3K50

    月入35k大佬总结：web前端必须学习的内容（附全套前端教程）

    在“设计”视图中看效果，在“代码”视图中学本质， 将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说必定是极好的!...为了完成这个任务，我们进入第三个阶段——JavaScript的学习 JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效...Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。...ReactNative）开发 第六阶段 WebApp后端系统开发 懒人目录： 第一个阶段：HTML5+CSS3 第二个阶段：Web网页开发 第三个阶段：JavaScript 网页编程 第四个阶段：Node.js...与 AJAX 第一个阶段：HTML5+CSS3：最新版Html5+Css3由浅入深教程 HTML5：浏览器与浏览器内核、语法及使用、常用标签、语义化、表单元素、HTML5 新增标签 CSS3：基本语法规范

    2.3K40

    XSS平台模块拓展 | 内附42个js脚本源码

    04.JQuery键盘记录键盘 一旦加载jQuery，一行（长）会写一个键盘记录器。像往常一样，捕获的密钥在制作的URL的查询字符串中发送。在许多情况下可能有用。...第一个iFrame获取CSRF保护的页面，在第一个表单的“token”参数中窃取标记值，并创建第二个iFrame，并与相应的标记进行连接。...只是一种简单的方式来利用新的HTML5功能… 20.CSRF令牌盗窃 该脚本首先执行对CSRF受保护页面的请求，获取反CSRF标记（存储在本示例的Web表单的“csrf_token”参数中），并将其发送回受损页面并更改值...36.MS Office版本的 此有效负载旨在识别目标系统上运行的MS Office的版本。目前可以识别Office XP，2003,2007和2010。...39.jQuery钓鱼 一个脚本，可以通过网络钓鱼连接并劫持所有表单。 40.振动 关于如何在Android手机上使用振动API以及可以完成的一些恶意用法的例子。

    12.4K80

    Java 后台开发面试题分享九

    ：' + iIndex + '出现' + iMax + '次'); ---- 在 JQuery 中，`.html()` 和 `.text()` 及 `.val()` 的区别 .html()，.text....html() 和 .text() 方法不能使用在表单元素上，而 .val() 只能使用在表单元素上。....html() 方法使用在元素集合上时，只读取第一个元素；.val() 方法和 .html() 相同，如果其应用在元素集合上时，只能读取第一个表单元素的 value 值，但是 .text() 不一样，如果...客户端可以选择禁用 cookie，但是 session 仍然是能够工作的，因为客户端无法禁用服务端的 session。 在存储的数据量方面 session 和 cookies 也是不一样的。...---- Web：描述 Cookie 和 Session 的作用，区别和各自的应用范围，Session 工作原理 1）Cookie 是一种发送到客户浏览器的文本串句柄，并保存在客户机硬盘上，可以用来在某个

    73420

    jQuery 教程

    $(“tr:even”) 所有偶数 元素，索引值从 0 开始，第一个元素是偶数 (0)，第二个元素是奇数 (1)，以此类推。...页面对不同访问者的响应叫做事件。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 实例： 在元素上移动鼠标。...当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。...您可以在我们的 jQuery Ajax 参考手册学会 jQuery Ajax 的具体应用。 您可以在我们的 AJAX 教程中学到更多有关 AJAX 的知识。...第二个参数是回调函数。第一个回调参数存有被请求页面的内容，第二个回调参数存有请求的状态。 提示： 这个 PHP 文件 (“demo_test.php”) 类似这样： <?

    17K20

    Jquery 使用技巧总结

    二、使用方法 在需要使用JQuery的页面中引入JQuery的js文件即可。...如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。...Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。...当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。 //当鼠标放在表格的某行上时将class置为over，离开时置为out。...与$(fn)等价 （3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。

    2.9K20
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券