问题描述

动态加载的元素上click事件不生效

$(".openORclose2").click(function () {if ($(this).hasClass("checkOpen2")) {$(this).removeClass("checkOpen2");$(this).parent().parent().removeClass("QAhover");$(this).parent().parent().find(".Answer").slideUp();} else {

原因分析:

元素没有绑定上click事件


解决方案:

$().live适用于当前及未来元素

$(".openORclose2").live("click",function () {if ($(this).hasClass("checkOpen2")) {$(this).removeClass("checkOpen2");$(this).parent().parent().removeClass("QAhover");$(this).parent().parent().find(".Answer").slideUp();} else {

click事件不生效相关推荐

  1. Vue中关于自定义组件定义@click事件不生效的解决办法

    .native修饰符 -- 侦听组件根元素上的原生事件 当你给一个vue组件或者是自定义组件绑定事件的时候,要加上native,如果是普通的html元素,就不需要 比如:如果使用router-link ...

  2. 解决Titanium Tab组件click事件在iOS中不生效的方案

    2019独角兽企业重金招聘Python工程师标准>>> 问题: 以下代码,tab1的click事件在Android中生效,在iOS不生效 1: function Applicatio ...

  3. Safair 浏览器cllick事件不生效或者需要双击才生效

    针对Safair 浏览器cllick事件不生效或者需要双击才生效的解决方案. 方法一:给元素加上cursor: pointer样式.(不生效) 方法二:ios事件机制不一样,将click事件改为mou ...

  4. onpaste事件不生效_从实际开发中来看JavaScript事件循环的使用场景

    前言: 本文是介绍结合DOM事件流和JavaScript事件循环解决一个工作中的实际问题的过程,很多东西不只是面试的时候才会用得到 文中涉及到的代码demo地址:drag-and-eventloop ...

  5. click事件在什么时候出发_什么是移动端?

    主要内容什么是移动端.移动端视口.rem em px区别.移动端适配.移动端布局和马蜂窝案例. 结合视频学习效果更佳: https://www.bjsxt.com/down/9319.html​www ...

  6. 鼠标移入或悬浮禁用图标,点击事件不生效

    <div style="cursor: not-allowed;cursor: no-drop;"><div @click="getData()&quo ...

  7. 前端click事件及自定义事件

    响应式页面开发 常见的前端响应式开发有3套相应的解决方案: bootstrap 的 columns 布局 : 2. 使用全局的rem (页面所有元素的宽高和字体都用rem等比缩放) 使用阿里的flex ...

  8. jquery动态渲染绑定点击事件不生效

    原因:动态添加的HTML元素是在CSS,JS代码加载完成后再渲染的HTML页面.浏览器解析这些通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面时,这时绑定事件的标签元素还没有生成 ...

  9. vue点击事件不生效

    vue @click.native 原生点击事件: 1,给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用 .native 修饰符) 2,等同于在自组件中: 子 ...

最新文章

  1. 拥抱RxJava(番外篇):关于RxJava的Tips Tricks
  2. 对偶问题复习要点整理
  3. gulp html 模块化,使用Gulp如何实现静态网页模块化具体怎么做?
  4. About me [my way]
  5. JAVA进阶day08泛型
  6. java 反射 动态编译_动态编译java源代码和反射调用问题
  7. 8.22 NOIP模拟测试29(B) 爬山+学数数+七十和十七
  8. html ul高度自适应,如何让div中的ul元素自适应
  9. 【一周头条盘点】中国软件网(2018.2.5~2018.2.9)
  10. NanoHTTPD介绍
  11. STM32硬件CRC计算CRC8
  12. SEO利器 - 网页内容监控之百度自动推送
  13. gwt - inherit module问题
  14. iOS 本地通知基本使用
  15. 虚幻四C++ 添加角色动画
  16. linux commen cmd
  17. 电脑重装系统,微信备份与恢复聊天记录,保存的文件。微信聊天记录迁移
  18. 计算机专硕_2021年北京科技大学计算机专硕考研初复试考研经验分享、择校备考分析指导...
  19. 遇到pdf文件损坏打不开要如何解决?
  20. 面向对象重写理解 求值策略 -共享对象调用 面向对象原则

热门文章

  1. 【Codecs系列】HEVC标准(五):帧间预测技术及x265实现分析
  2. 记:关于W806的Linux下基本教程(一)——环境建立与第一次烧写
  3. 74HC148引脚图及功能
  4. python-实现多元回归及预测
  5. 科林明伦杯哈尔滨理工大学第八届程序设计竞赛——Hrbust-2378 小H的问题(模拟)
  6. Servlet.service() for servlet SpringMVC threw exception ---- java.lang.NullPointerException
  7. 在网页中加入MSN、QQ以实现即时通讯
  8. 2021北京大学暑期课程:区块链与隐私计算
  9. 解决bootstrap table的export扩展模块利用tableExport导出pdf中文乱码问题
  10. SpreadJS表格中关于下拉框new GC.Spread.Sheets.CellTypes.ComboBox()的设置和使用