今天在做项目的时候,我要在同一个页面中加载两个文本编辑器,刚开始,我的两个文本编辑器的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">&times;</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

同一页面中加载两个相同的控件,结果只能出来一个,这是为什么相关推荐

  1. html 调用c#dll中的控件,C#实现反射调用动态加载的DLL文件中的方法和在窗体中加载DLL文件的用户控件...

    反射的作用: 1. 可以使用反射动态地创建类型的实例,将类型绑定到现有对象,或从现有对象中获取类型 2. 应用程序需要在运行时从某个特定的程序集中载入一个特定的类型,以便实现某个任务时可以用到反射. ...

  2. 【WPF学习笔记】之如何点击“新建”按钮,在面板中加载一条条的“用户控件”的信息:动画系列之(四)...

    ...... 承接上一系列动画三. 在主界面后台代码设置嵌套第二个用户控件. using System; using System.Collections.Generic; using System. ...

  3. 加载flash必备的ShockwaveFlash控件属性

    加载flash必备的ShockwaveFlash控件属性 属性: 1.AlignMode (读写) 语法:AlignMode As Long 说明:对齐方式,与 SAlign 属性联动.当控件的 长宽 ...

  4. 要注意页面中加载的第三方脚本

    如果页面需要加载第三方的脚本,或访问第三方URL的时候,除非特殊需要,否则一定不要放在页面代码的头部,而应该放在页面的最底部,最晚加载.这样有利于加快网站的速度.因为如果第三方面脚本下载很慢的话,那整 ...

  5. 在HTTPS安全页面中加载HTTP不安全的内容,如何绕过安全警告?

    简介 毫无疑问,如今互联网正在一步一步向HTTPS安全迈进.大多数大公司都会将证书应用到他们的网站上,以获得安全保护.这时你可能就有疑问了:这能保证安全到何种程度呢?除了可以抵御中间人攻击(MITM) ...

  6. grasemonkey ajax页面,Greasemonkey 中使用 GM_xmlhttpRequest 如何在 https 页面中加载 http 资源?...

    之前写过一个ff下的gm脚本,功能是在豆瓣读书页面加载图书馆的馆藏信息,但是随着豆瓣全站https,脚本失效,尝试更改,但是仍然无法使用,请大家看看这个问题改如何解决. 目前的代码段 // ==Use ...

  7. ajax 下拉刷新 上拉加载更多,局部刷新iscroll控件的具体使用(下拉刷新,上拉加载更多)...

    标签下,这是调用iscroll的必要条件,否则会出现不能刷新或者不能滑动页面的情况.此外还有商量刷新及下拉刷新的标签,在iscroll中有这两个标签的样式,若不想用默认的样式,也可通过覆盖的方式添加其 ...

  8. ocx 访问 html,HTML 加载ocx VB编写的控件

    打开 VB 6.0 -> 文件 -> 新建工程 ->ActiveX 控件 -> 工程的默认名称是 工程1,我们修改成 prj1 -> 控件的默认名称是 UserContr ...

  9. [MFC] MFC 打开HTML资源(用ID版,也可加载到自己的web控件上)

    @ ^ @:如果是加载到web控件上,就把注释掉的解除注释(改为web控件点后面的函数),把下一句注释 1 BOOL Button::LoadFromResource(UINT nRes){//打开网 ...

  10. JS根据浏览器32/64平台动态加载32/64位OCX控件

    代码: <div id="divOcxContainer"><!-- 用于放置ocx控件 --> </div> <script type= ...

最新文章

  1. 谢文睿:西瓜书 + 南瓜书 吃瓜系列 11. 贝叶斯分类器
  2. 系统权限oracle,oracle系统权限
  3. android 广播观察者,BroadcastReceiver和Activity之间的通信 – android
  4. Linux安装SNMP
  5. window 下内存泄漏检测
  6. Codefest 18 (rated, Div. 1 + Div. 2)-D-Valid BFS--思维--已知bfs序,求是否正确
  7. 计算机视觉论文-2021-06-30
  8. .net 下URL重写
  9. p40_数据交换方式
  10. 递归系列——递归树与函数记忆化
  11. Visual Basic 6.0精简版下载地址
  12. matlab差分模型求解,有限差分法求解偏微分方程MATLAB
  13. 辨认NPN三极管的三个管脚
  14. 前端人事面试问题总结
  15. 利用ChatGPT学习生物信息数据分析
  16. linux 文件缓存大小设置,Linux文件读写机制及优化方式
  17. Neural Turing Machines-NTM系列(三)ntm-lasagne源码分析
  18. 剑灵认证服务器系统出错,剑灵手游程序错误怎么办 和服务器断开官方解决
  19. 解释PLMN,CELLID,LAC
  20. Visual Studio.NET 术语表

热门文章

  1. newlisp获得bash该命令的退出状态
  2. Eclipse中打包maven项目-war包方式
  3. 前端的ajax缓存,解析jquery中的ajax缓存问题
  4. 获取手机唯一标识插件_非常强大的几款手机浏览器,适用于某些黑科技功能
  5. php上传图片插件下载,原生js图片文件上传插件
  6. 关于安全校验代码的一些心得
  7. Nginx源码分析 - 主流程篇 - Nginx的启动流程(09)
  8. Access to XMLHttpRequest at ‘url‘ from origin ‘null‘ has been blocked by CORS policy: Request header
  9. python反向查找字符_序列化使用(正向和反向查找)
  10. python高段编程_25个有用的 Python 代码段