bluesky964 2017-06-14 15:27 采纳率: 0%
浏览 1526

jquery的modal弹框循环调用

modal弹框怎么通过点击不同的弹框按钮显示不同的内容。现在的问题是复制了几个弹框按钮。几个弹框代码中的modal-body中的内容改成不一样。但是点击每个弹框按钮弹出来的是一样的内容。怎么设置点击不同弹框按钮显示不同内容图片

  • 写回答

1条回答 默认 最新

  • 暖洋洋的好日子 领域专家: 后端开发技术领域 2017-06-14 15:27
    关注

    多复制几个 mymodal 改下id

    评论

报告相同问题？

  • 使用jQuery实现JS浮动弹出框特效
    2025-05-14 18:53
    AWS云计算的博客 由John Resig于2006年发布，jQuery迅速成为最受欢迎的前端JavaScript库之一。其核心思想在于"Write Less, Do More"，通过简化语法和跨浏览器的兼容性，极大地降低了Web开发的复杂性。如果内置的动画方法不能满足需求...
  • 前端 面试题
    2022-06-07 21:34
    Amao?的博客 前端面试
  • 跨浏览器兼容的居中弹框实现指南
    2025-06-30 09:16
    仰望尾迹云的博客 // 示例：监听按钮点击事件并更新内容 document.getElementById('update-btn').addEventListener('click', function() { const弹框 = document.getElementById('modal'); 弹框.innerHTML = ' 新的内容'; }); 5.2 ...
  • Python高级-前端-04-jQuery和js库
    2019-08-13 17:12
    mysteryflower的博客 jQuery 课程介绍 学习JQuery函数库的基本使用方法和应用场景。 jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把...
  • 前端面试锦集
    2020-09-02 14:44
    我就不思的博客 IT行业,哪些发展好的同学都是具备扎实基础知识，如果理解计算机基础会更好，因为我们面临很多非前端计算问题的。 主动思考： 被动完成任务成长会很慢的，需要有自己的想法，而不是仅仅是完成任务的。 自动学习: 前端...
  • JAVA学习笔记—前端学习笔记（二）—JQ、ES6、Bootstrap
    2020-11-16 22:44
    Big_BlueCat的博客 四、jQuery基础 1.jQuery介绍 ...实现隔行变色效果，JavaScript要循环加判断，而jQuery只需一句关键代码 $("tr:even").css("background-color","#ccc"); 1.1 jQuery能做什么? 访问和操作DOM元素 控制页面样式
  • 图片上传组件的封装
    2022-10-26 08:52
    周亚鑫的博客 默认值false get // 当有人读取 prop 的时候 get函数就会调用,并且返回就是 sss 的值 set // 当有人修改 prop 的时候 set函数就会调用, 有个参数这个参数就是修改后的值 ​ Object.defineProperty 能定义symbol类型...
  • jQuery弹窗插件jqModal实战详解
    2025-09-06 07:14
    高杉峻的博客 jqModal 是一个基于 jQuery 的轻量级模态对话框插件，它为开发者提供了快速构建交互式弹窗的解决方案。无论是简单的信息展示，还是复杂的用户交互界面，jqModal 都能以简洁的配置和灵活的扩展性满足需求。本章将从...
  • Spring+SpringMVC+MyBatis+JQ+BootStrap练习
    2022-07-25 17:31
    hrui0706的博客 html:静态页面,css:美化页面,js动态显示页面,jsp其实就是servlet但是因可以动态交互页面 传值你说属于前端就属于前端吧控制器(Controller):控制业务处理流程(接收请求,接收参数(封装参数,根据不同的请求调用对应 ...
  • common.js 通用方法封装
    2021-11-09 11:12
    qq_42092166的博客 options.pagination : "server", // 启用服务端分页 paginationLoop: false, //不启用分页条无限循环的功能。 cardView: true, //手机端适应 toolbar: "#toolbar", search: $.common.visible(options.search), // ...
  • Vue.js搭建移动端购物车界面－基本结构和数据渲染
    2017-07-19 18:13
    fareise的博客 --选择yes则调用delProduct删除元素--> <button class="btnbtn--m" id="btnModalConfirm"@click="delProduct">Yes <button class="btnbtn--m btn--red" id="btnModalCancel"@click="delFlag=false">No ...
  • 【jQuery基础】
    2019-09-25 23:05
    weixin_30505225的博客 " 目录 ... 使用jQuery实现弹框 /.属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS...
  • web前端（五）
    2018-10-16 18:25
    Ellen小七的博客 10.1jquery简介 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x、3.x...
  • .NETCORE会话超时，超时之前弹窗提醒
    2021-01-04 18:10
    浑水摸鱼的程序员的博客 用户点击继续时，还需要记录当然页面，在jquery初始化时，会调用一个接口，获取当然页面url，并记录到localStorage中： var currenturl = window.location.href; localStorage.setItem("currenturl", current...
  • 前端实战之DOM和jQuery分别实现：（全选，取消，反选）、tab菜单栏、模态框，进行有效对比
    2019-01-15 11:45
    Burgess_zheng的博客 上一篇：前端之jQuery常用总结 点击跳转 目录篇：前端(html,css,js)目录篇 点击跳转 下一篇：web框架的本质（socket,WSGI） 点击跳转 目录 删除器（全选，取消，反选）  DOM实现  jQuery实现 tab菜单栏 ...
  • 前端实习日记——高新兴科技集团
    2018-07-19 21:57
    weixin_30888027的博客 看公司前端的代码规范；了解AngularJS；了解Less；看项目代码。 项目“明镜”介绍：一两年前就开始做了，是做公安机关的生意，需求是实现公安执法办案的精细化、信息化。其中的前端部分要兼容IE8，所以要用...
  • vue前端开发那些事——vue组件开发
    2018-12-06 16:41
    weixin_30325971的博客 我们刚开始学习的时候，肯定像引用jquery那样，先把vue的js引进来，然后学习基础内容。如果仅仅停留在基础内容，没有学习vue组件的话，我觉得也就没有什么意思了。vue的核心思想——组件，是一个很好的东西，它提供...
  • python基础整理3——前端
    2018-06-19 19:49
    Mr.Gu的博客 前端三大块 <dt>html</dt> 负责页面的结构 <dt>css 负责页面的表现 <dt>javascript 负责页面的行为 html表格 table常用标签 1、table标签：声明一个表格 2、tr标签：定义表格中的一行 3、td和...
  • 弹窗内加载Echarts
    2021-08-26 10:08
    ♏毋言的博客 子组件Modal代码如下： <Modal title={"test"} style={{right:-460,top:10}} onCancel={()=>this.setState({modal_visible:false})} visible={this.state.modal_visible} > <div ref={chart =>...
  • 没有解决我的问题, 去提问