$.ajax modal,使用bootstrap modal.load()加载的js,第二次modal显示的时候,js不生效?...

我想要动态加载modal内的内容(一个模版,里面包含加载js文件),

我使用load(),在modal显示的时候进行ajax加载,js如下:

$('#modal').on('show.bs.modal', function (e) {

$(this).load($(e.relatedTarget).data('url'));

});

原先在页面上已经存在:

唤起modal的按钮code为:

添加

modal内容是:

add.js:

$('#add_submit').on('click', function () {

$("#community_add").submit();

});

$("#add").validate({

submitHandler: function (form) {

let options = {

success: function (data) {

$('#modal').modal('hide');

notify.success(data.msg);

setTimeout('window.location.reload()',2000);

},

error : function (res) {

if (res.status == 422) {

let errors = res.responseJSON;

let errorMsg = '';

$.each(errors, function (key, value) {

errorMsg += value +'';

})

notify.danger(errorMsg,3);

} else {

}

}

};

$(form).ajaxSubmit(options);

},

rules: {

name: "required",

},

messages: {

name: "名称不能为空",

}

});

我点一次点击添加按钮时,能够正常加载js,和modal内的内容,而且点击提交后,能够正常提交。

但是当我没有点提交,而是关闭modal后,再次点击添加,展示的modal内容是存在的,但是,点击提交并没反应,jquery-validata也失效了。我确认过add.js第二次点击时还是被加载出来的。

为什么第二次显示的modal无法执行js?

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/519835.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

云+X案例展 | 金融类:青云QingCloud助力泰康人寿云计算演进之路

本案例由荣之联投递并参与评选,CSDN云计算独家全网首发;更多关于【云X 案例征集】的相关信息,点击了解详情丨挖掘展现更多优秀案例,为不同行业领域带来启迪,进而推动整个“云行业”的健康发展。泰康保险泰康云平台 青…

阿里云Kubernetes容器服务上体验Knative

概述 Knative Serving是一种可缩放至零、请求驱动的计算运行环境,构建在 Kubernetes 和 Istio 之上,支持为 serverless 应用、函数提供部署与服务。Knative Serving的目标是为Kubernetes提供扩展功能,用于部署和运行无服务器工作负载。 下面…

Springboot2 Quartz实现JAVA定时任务的动态配置

动态配置Quartz。没接触过定时任务的同学可以先看下此篇:JAVA定时任务实现的几种方式 文章目录一、需求背景1. 问题现象2. 问题分析3. 解决方案二、需求背景2.1. maven依赖2.2. 创建一个任务表2.3. 实现步骤三、代码逻辑3.1. Quartz配置3.2. 启动项目,加…

IoT Studio + LoRa打造“又猛又持久”的智能厕所

概述 为了增加厕所使用效率,减少被味道“熏陶”的等待时间,同时也为了增加厕所的清洁效率,我们决定做一个非侵入式的智能厕所改造方案。它可以通过红外热释电检测每个坑位有没有人,在web/app上实时显示,方便如厕人员查…

分布式事务中间件Fescar—全局写排它锁解读

前言 一般,数据库事务的隔离级别会被设置成 读已提交,已满足业务需求,这样对应在Fescar中的分支(本地)事务的隔离级别就是 读已提交,那么Fescar中对于全局事务的隔离级别又是什么呢?如果认真阅…

萤石网络摄像头服务器稳定吗,萤石摄像头画面稳定性如何?

稳定性很好,体现在:1、C1S互联网摄像头提供400万像素的摄像头,拥有双向实时语音功能,包括内置温湿度传感器、内置备用电池以及“放大镜”功能。2、萤石爱家神器C2采用内置6块光学镜片的监控镜头,720P图像会保证视频画面…

GTC CHINA 2019 | 黄仁勋发表主题演讲,多项创新技术与合作全面助力 AI 加速落地

近日,NVIDIA 创始人兼首席执行官黄仁勋在中国苏州举办的 GTC China 大会上发表主题演讲,宣布多项创新技术与合作,并阐述了 NVIDIA 如何助力 AI 加速进入大规模应用。 GTC China 是 NVIDIA 每年在中国最重要的大会,今年更是吸引了 …

PMP考试必看的答题技巧分享

一. 控制答题和涂写速度 按顺序答题,遇到纠结题,按照第一印象选择,并标记,涂完200题后再回顾。 可以先在试卷上写选项,然后根据20题一涂,或者50题一涂,用途题的时间舒缓大脑。 端正心态&…

Kubernetes 调度器实现初探

Kubernetes 调度器 Kubernetes 是一个基于容器的分布式调度器,实现了自己的调度模块。 在Kubernetes集群中,调度器作为一个独立模块通过pod运行。从几个方面介绍Kubernetes调度器。 调度器工作方式 Kubernetes中的调度器,是作为单独组件运…

全民学后端快餐教程(1) - 只不过是写个Java程序

服务端程序本质上也只是个Java程序,它接收客户端的输入,然后将计算处理后的返回值返回给客户端。下面我们就以这个思路开始Java后端之旅吧。 引用Spring Boot库 处理HTTP请求之类的事情,我们需要库的帮助。所以第一步我们就把Spring Boot引…

NVIDIA发布先进的软件定义自主机器平台DRIVE AGX Orin

近日,NVIDIA发布了用于自动驾驶和机器人的高度先进的软件定义平台——NVIDIA DRIVE AGX Orin™。 该平台内置全新Orin系统级芯片。该芯片由170亿个晶体管组成,凝聚着NVIDIA团队为期四年的努力。Orin系统级芯片集成了NVIDIA新一代GPU架构和Arm Hercules C…

linux下删除目录及其子目录下某种类型文件

#. : 表示在当前目录下 find . -name "*.txt" -type f -print -exec rm -rf {} \; # find /root/2 -name "*.txt" -type f -print -exec rm -rf {} \; 符号说明.表示在当前目录下-name “*.txt”表示查找所有后缀为txt的文件-type f表示文件类型为一般正规…

OceanBase在蚂蚁金服的智能运维实践之路

OB君:蚂蚁金服资深技术专家虞舜将在本文为大家分享蚂蚁金服数据库所面对的业务挑战,解读OceanBase的自治数据库体系,解密OceanBase在天猫双11大促期间的稳定性解决方案,探索OceanBase在蚂蚁金服的智能运维实践之路。本文整理自Oce…

在Data Lake Analytics中使用视图

在Data Lake Analytics中使用视图 1. 概述 在Data Lake Analytics(以下简称DLA)中使用视图(VIEW)功能,可以大大简化对于重复SQL,特别是较为复杂的SQL语句的编写和维护。目前DLA中还不支持SQL视图的物化。…

aop记录轨迹

文章目录一、常用的场景1. 请求拦截2. 异步保存轨迹二、案例实战2.1. pom2.2. 自定义注解2.3. aop拦截2.4. 测试类2.5. 保存日志一、常用的场景 1. 请求拦截 通过aop 请求拦截,举个例子,第三方厂商请求平台接口,先去数据库查询该接口&#…

机器人技术大提升:NVIDIA为构建自主机器统一平台树立里程碑

近日,NVIDIA发布了全新版本Isaac软件开发套件(SDK),为机器人提供更新的AI感知和仿真功能。 NVIDIA创始人兼首席执行官黄仁勋在NVIDIA最新的GPU技术会议(GTC CHINA 2019)上宣布了该消息。在建立统一的机器人…

DLA实现跨地域、跨实例的多AnalyticDB读写访问

1. 介绍 实时数据仓库ADB(AnalyticDB)云产品:https://www.aliyun.com/product/ads数据湖分析服务DLA(Data Lake Analytics)云产品:https://www.aliyun.com/product/datalakeanalytics数据湖分析DLA简介&am…

Data Lake Analytics: 以SQL方式查询Redis数据

Data Lake Analytics 作为云上数据处理的枢纽,最近加入了对于Redis 的支持, 这篇教程带你玩转 DLA 的 Redis 支持。 创建数据库 在 DLA 里面创建一个底层映射到 Redis 的数据库的语法如下: CREATE DATABASE redis_test WITH DBPROPERTIES (catalog redis,locati…

科创板注册获批,优刻得将成为“公有云第一股”

12月24日,证监会公告,同意优刻得科技股份有限公司(以下简称“UCloud优刻得”)科创板IPO注册;从今年4月提交招股书,历时8个月,4轮往返问询,中国领先的中立第三方云计算服务商&#xf…

一、项目管理框架【PMP 】

文章目录1. 项目的定义2. 项目的特性3. 项目和运营4. 项目管理最终要达成5. 新核心的三重约束6. 项目目标各维度顺序7. 项目集合项目组合的区别8. 指南的关键组成部分9. 项目和开发生命周期10. 项目管理的5大过程组合49个过程11. 项目管理商业文件12. 文件间的关系1. 项目的定义…