同一页面中加载两个相同的控件,结果只能出来一个,这是为什么
今天在做项目的时候,我要在同一个页面中加载两个文本编辑器,刚开始,我的两个文本编辑器的id都是一样的,结果我怎么改,它都是加载的一个,另一个始终出不来,后来我咨询了一个朋友后,他告诉我在一个页面中,要始终保持id是唯一的,这样才不会发生冲突。下面是简单的代码:
1 这个直接在页面中加载 2 <div id="remarks"></div> 3 4 这个是加载在模态框中的 5 <div class=" modal fade" id="update_q" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 6 <div class="modal-dialog"> 7 <div class="modal-content"> 8 <div class="modal-header"> 9 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 10 <h4 class="modal-title" id="myModalLabel"><b>问题描述</b></h4> 11 </div> 12 <div class="modal-body"> 13 <div> 14 <label style="margin-top:10px;font-size:large;">标题:</label> 15 <input type="text" style="margin-top:-40px; margin-left:50px;max-width:450px;" class="form-control input-lg" placeholder="请输入你要搜索的问题" /> 16 </div> 17 <div> 18 <label style="margin-top:10px;font-size:large;">描述:</label><hr /> 19 <div id="remarks1"></div> 20 </div> 21 </div> 22 <div class="modal-footer"> 23 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> 24 <button type="button" class="btn btn-primary">提交</button> 25 </div> 26 </div> 27 </div> 28 </div> 29 30 下面要引用一段js 31 <script type="text/javascript"> 32 $(document).ready(function () { 33 var para = { 34 toolbar: [ 35 ['style', ['bold', 'italic', 'underline', 'clear']], 36 ['font', ['strikethrough', 'superscript', 'subscript']], 37 ['fontsize', ['fontsize']], 38 ['color', ['color']], 39 ['para', ['ul', 'ol', 'paragraph']], 40 ['height', ['height']] 41 ], 42 lang: 'zh-CN' 43 }; 44 $('#remarks').summernote(para); 45 $('#remarks1').summernote(para); 46 }) 47 </script>
所以在这里专门写一篇博客提醒大家,不论什么页面,都要保证我们的id唯一。
转载于:https://www.cnblogs.com/xing-cheng/p/6004879.html
同一页面中加载两个相同的控件,结果只能出来一个,这是为什么相关推荐
- html 调用c#dll中的控件,C#实现反射调用动态加载的DLL文件中的方法和在窗体中加载DLL文件的用户控件...
反射的作用: 1. 可以使用反射动态地创建类型的实例,将类型绑定到现有对象,或从现有对象中获取类型 2. 应用程序需要在运行时从某个特定的程序集中载入一个特定的类型,以便实现某个任务时可以用到反射. ...
- 【WPF学习笔记】之如何点击“新建”按钮,在面板中加载一条条的“用户控件”的信息:动画系列之(四)...
...... 承接上一系列动画三. 在主界面后台代码设置嵌套第二个用户控件. using System; using System.Collections.Generic; using System. ...
- 加载flash必备的ShockwaveFlash控件属性
加载flash必备的ShockwaveFlash控件属性 属性: 1.AlignMode (读写) 语法:AlignMode As Long 说明:对齐方式,与 SAlign 属性联动.当控件的 长宽 ...
- 要注意页面中加载的第三方脚本
如果页面需要加载第三方的脚本,或访问第三方URL的时候,除非特殊需要,否则一定不要放在页面代码的头部,而应该放在页面的最底部,最晚加载.这样有利于加快网站的速度.因为如果第三方面脚本下载很慢的话,那整 ...
- 在HTTPS安全页面中加载HTTP不安全的内容,如何绕过安全警告?
简介 毫无疑问,如今互联网正在一步一步向HTTPS安全迈进.大多数大公司都会将证书应用到他们的网站上,以获得安全保护.这时你可能就有疑问了:这能保证安全到何种程度呢?除了可以抵御中间人攻击(MITM) ...
- grasemonkey ajax页面,Greasemonkey 中使用 GM_xmlhttpRequest 如何在 https 页面中加载 http 资源?...
之前写过一个ff下的gm脚本,功能是在豆瓣读书页面加载图书馆的馆藏信息,但是随着豆瓣全站https,脚本失效,尝试更改,但是仍然无法使用,请大家看看这个问题改如何解决. 目前的代码段 // ==Use ...
- ajax 下拉刷新 上拉加载更多,局部刷新iscroll控件的具体使用(下拉刷新,上拉加载更多)...
标签下,这是调用iscroll的必要条件,否则会出现不能刷新或者不能滑动页面的情况.此外还有商量刷新及下拉刷新的标签,在iscroll中有这两个标签的样式,若不想用默认的样式,也可通过覆盖的方式添加其 ...
- ocx 访问 html,HTML 加载ocx VB编写的控件
打开 VB 6.0 -> 文件 -> 新建工程 ->ActiveX 控件 -> 工程的默认名称是 工程1,我们修改成 prj1 -> 控件的默认名称是 UserContr ...
- [MFC] MFC 打开HTML资源(用ID版,也可加载到自己的web控件上)
@ ^ @:如果是加载到web控件上,就把注释掉的解除注释(改为web控件点后面的函数),把下一句注释 1 BOOL Button::LoadFromResource(UINT nRes){//打开网 ...
- JS根据浏览器32/64平台动态加载32/64位OCX控件
代码: <div id="divOcxContainer"><!-- 用于放置ocx控件 --> </div> <script type= ...
最新文章
- 谢文睿:西瓜书 + 南瓜书 吃瓜系列 11. 贝叶斯分类器
- 系统权限oracle,oracle系统权限
- android 广播观察者,BroadcastReceiver和Activity之间的通信 – android
- Linux安装SNMP
- window 下内存泄漏检测
- Codefest 18 (rated, Div. 1 + Div. 2)-D-Valid BFS--思维--已知bfs序,求是否正确
- 计算机视觉论文-2021-06-30
- .net 下URL重写
- p40_数据交换方式
- 递归系列——递归树与函数记忆化
- Visual Basic 6.0精简版下载地址
- matlab差分模型求解,有限差分法求解偏微分方程MATLAB
- 辨认NPN三极管的三个管脚
- 前端人事面试问题总结
- 利用ChatGPT学习生物信息数据分析
- linux 文件缓存大小设置,Linux文件读写机制及优化方式
- Neural Turing Machines-NTM系列(三)ntm-lasagne源码分析
- 剑灵认证服务器系统出错,剑灵手游程序错误怎么办 和服务器断开官方解决
- 解释PLMN,CELLID,LAC
- Visual Studio.NET 术语表
热门文章
- newlisp获得bash该命令的退出状态
- Eclipse中打包maven项目-war包方式
- 前端的ajax缓存,解析jquery中的ajax缓存问题
- 获取手机唯一标识插件_非常强大的几款手机浏览器,适用于某些黑科技功能
- php上传图片插件下载,原生js图片文件上传插件
- 关于安全校验代码的一些心得
- Nginx源码分析 - 主流程篇 - Nginx的启动流程(09)
- Access to XMLHttpRequest at ‘url‘ from origin ‘null‘ has been blocked by CORS policy: Request header
- python反向查找字符_序列化使用(正向和反向查找)
- python高段编程_25个有用的 Python 代码段