我在一个页面上有两个模式(我正在使用引导程序);单击任何模式只会打开第一个模式。我不懂js;有html修复吗?

2024-03-21

这是第一个模态的代码;接下来两个模态中的所有变化是内部的图像链接,但仅显示这些链接。

<div id="modallinkleft">
  <a href="#myModal" data-toggle="modal">
  <img src="mylinks/cp/117s.jpg">
  <img src="mylinks/cp/23s.jpg">
  <img src="mylinks/cp/08s.jpg">
  </a>
  <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-body">
      <img src="mylinks/cp/117.jpg">
      <img src="mylinks/cp/23.jpg">
      <img src="mylinks/cp/08.jpg">
    </div>
    <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true">x</button>
    </div>
  </div>
</div>

Each modal应该给予不同的ID and 每个链接应该针对不同的模态 ID。 所以应该是这样的:

<a href="#myModal" data-toggle="modal">
...
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
...
<a href="#myModal2" data-toggle="modal">
...
<div id="myModal2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
...

这样,如果您单击第一个链接,它应该弹出第一个模式,如果您单击第二个链接,则会弹出第二个模式。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我在一个页面上有两个模式(我正在使用引导程序);单击任何模式只会打开第一个模式。我不懂js;有html修复吗? 的相关文章

  • CSS - 将文本保留在图像下方

    我正在尝试创建一个简单的图片库 有人告诉我使用 float left 但是当我这样做时 页脚中的所有文本都会射到第一张图像 我已经搜索了大约一个小时试图找到解决方案 但我找不到任何东西 我尝试过使用边距 边框 不同的对齐方式和各种不同的小东
  • IPython Notebook Markdown——允许的 HTML 标签列表是什么以及如何更改它们?

    我正在使用 IPython Notebook markdown 创建一个文档 它确实允许一些 HTML 例如 img 例如但我添加了包含 SVG 文件 但它不会显示在 IPython Notebook 输出中 我仔细检查了 IPython
  • ECHO MYSQL 结果显示空白页 [关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我知道这一定很简单 但我做不到 我需
  • Electron 中的收据热敏打印机

    我需要找到一种在 javascript 中打印收据的方法Electron 我已经尝试过了QZ TRAY但由于 Electron 它不起作用 我也尝试过节点热敏打印机但它也从来没有对我有用 这里有人知道如何在 javascript Elect
  • 是否可以使用 CSS 设置禁用的 INPUT 元素的样式?

    我需要风格disabled
  • nested_form/cocoon:可以将表行用于嵌套字段吗?

    我通常不使用表格作为表单 但是当有嵌套表单时 使用nested form或cocoon gem时 可以将每组表单元素放在表格行中吗 对我来说 这似乎非常直观 表中的每一行都代表一个对象 但是 nested form 和 cocoon gem
  • 删除整个表格行

    有没有办法删除整个表格行 穿过整个单元格 而不仅仅是文本 我尝试过申请 text decoration line through 在列和行级别 但这只会删除文本 而不是整个单元格 有没有办法打整排 如果所有行的高度相同 最简单的方法可能是应
  • 通过移动地址栏时,视差背景图像在移动设备上改变大小

    一周以来 我的视差元素一直在碰壁 寻求帮助对我来说是最后的手段 我已经在各种论坛上寻找这些问题的解决方案 但我尝试过的都没有效果 only在移动设备上 chrome 如果您按住触摸屏并继续向下滚动 则在初始屏幕图像之后 会出现一个白条 屏幕
  • 在 JavaScript 中从字符串的开头到结尾删除 HTML 内容组

    我需要一个可以从头到尾删除完整标签的正则表达式 例如 对于给定的字符串 var str Hello World 我需要一个输出 Hello World with full script tag including inner content
  • Html 文本输入撤消不起作用

    我遇到一个问题 html 文本框和文本区域的撤消功能 ctrl z 和右键单击 gt 撤消 被禁用 这种情况发生在 ASP NET 生成的页面上 其中包含大量 Silverlight JavaScript JQuery 和 Ajax 大约
  • 使用 href 和 php 从 sql 数据库对 html 表进行排序

    我有一个 html 表 其中包含来自 php 吐出的 sql 表的产品数据 我想通过单击表列的标题对数据进行排序 我像这样输出我的表 php product list sql mysql query SELECT FROM products
  • IE6 CSS 显示:表格修复?

    我正在开发一个网络应用程序 不幸的是它必须与有史以来最糟糕的软件一起工作 是的 即 ie6 我真的很喜欢CSSdisplay table and display table cell属性 但当然它在 ie 中不起作用 有没有人找到解决这个问
  • 使用 javascript 更改整个 CSS 类的样式

    有没有办法使用 javascript 更改 CSS 类的属性 p class fool p
  • mediaelement.js 视频无法在 IE8 中播放

    我已经浏览了这里提出的所有其他问题 但没有什么能真正解决我的问题 目前 视频可以在 Chrome Safari FF 和 IE9 中加载和播放 但不能在 IE8 中加载 这是我需要支持的最后一个浏览器 您可以查看页面here http 20
  • 禁用页面的浏览器打印选项(页眉、页脚、边距)?

    我在 SO 和其他几个网站上看到过以几种不同的方式提出这个问题 但大多数都太具体或过时了 我希望有人能在这里提供明确的答案 而不是迎合猜测 当有人在浏览器中打印时 有没有办法使用 CSS 或 javascript 更改默认打印机设置 当然
  • 将 DIV 扩展到父列表项之外

    我有一个有序列表 它实际上是页面上产品的显示 在每个列表项中 li 有一些内容 后面跟着一个div在关闭列表项之前包含更多内容 我需要每个列表项中的 div 扩展 其宽度 超出其父列表项 并实际填充有序列表的宽度 ol 每个 div 还需要
  • 当脚本是从加载的脚本动态创建的 DOM 节点时,脚本 onload 和 window.onload 的顺序是否定义良好?

    File loader js function main if typeof window undefined var script window document createElement script script src https
  • 使用后代选择器的响应式网站

    我试图使用媒体查询使我的网站响应 但是当我在代码的某些部分使用后代选择器时 页面没有响应 当我使用此代码时 该页面是响应式的 div1 float left width 20 height 200px background color re
  • Safari 的 Javascript 与 document.write 的问题

    我的问题只发生在 Safari 上 IE FF Chrome 和 Opera 都可以完美运行 我正在向 DOM 添加一个对象 与 YouTube 的方式完全相同 具体取决于 ActiveX 或 NPAPI 因此在确定写入对象类型后 我通过以
  • addEventListener keydown 不起作用

    我在互联网上找到了一些基本的 Pong 代码 并尝试添加按键 代码在这里 http cssdeck com labs ping pong game tutorial with html5 canvas and sounds http css

随机推荐

  • IE8 中的 JavaScript 事件原型

    我正在尝试向事件原型添加一个方法 为了呼叫 设置preventDefault 或者 用 IE 来说returnValue false以及 如果需要的话 stopPropagation cancelBubble true 我认为下面的代码就足
  • Pig - 使用正则表达式解析字符串

    我被困在 Pig 中的字符串解析上 我查看了周围的文档regex extract and regex extract all并希望使用其中一项功能 我有文件 logs test log cat logs test log user 2425
  • 针对 HSQLDB 测试 DAO 的 Spring/Hibernate/Junit 示例

    我正在努力尝试实施JUnit测试以检查 DAO 的功能 DAO 将创建 读取基本的对象 表关系 我遇到的麻烦是 DAO 对于非测试代码 的持久性是通过内部解决方案完成的春季 休眠 这消除了通常的 hbm xml我发现的大多数示例都包含模板
  • 如何使用 sass -- precision ?

    我正在尝试使用 sass 指南针来制作流体网格 并且在计算它们时我需要我的 至少有 8 位数字 但现在 sass 指南针将我的小数四舍五入到 3 位数字 我发现如果使用 precision你可以告诉 sass 四舍五入到你想要的数字 我的问
  • 更简单的推送通知,也许询问服务器是否有?

    我正在开发一个IDE 作为管理员 我可以向我的所有客户 移动设备 发送通知 我一直在搜索并找到 GCM 和其他服务 我想知道是否有任何更简单的解决方案 我考虑过每 1 小时从所有客户端 移动设备 向我的服务器发起一次休息呼叫 以检查是否有新
  • 如何使用 Python 在同一 TCL shell 上运行命令

    我所有的库都是用 TCL 编写的 我想用 Python 创建一个 GUI 其中有几个按钮和其他选项 在启动时TCL shell会打开 当我单击按钮时 将在 TCL shell 上执行相应的命令 是否可以在不关闭 TCL shell 的情况下
  • 如何通过 python 中的 pandas 合并来重现 R 中 foverlaps 的相同输出?

    我正在使用 R 合并我的表重叠 https www rdocumentation org packages data table versions 1 10 4 2 topics foverlaps功能 但我需要使用 python 重现相同
  • armv8 NEON if 条件

    我想了解armv8 NEON内联汇编代码中的if条件 在armv7中 这可以通过检查溢出位来实现 如下所示 VMRS r4 FPSCR BIC r4 r4 1 lt lt 27 VMSR FPSCR r4 vtst 16 d30 d30 d
  • Spring Security 的角色和权限

    我正在尝试使用权限设置基于角色的安全性 我正在尝试与 Spring Security 一起做到这一点 我不想设置 ACL 因为这对于我的要求来说似乎有点过分了 我只想拥有简单的权限和角色 如此处所述article http springin
  • Fish shell:接受并运行命令建议的快捷方式

    是否可以创建一个快捷方式 例如 Shift Return 来接受并运行显示的建议 默认的按键绑定需要按箭头键 这涉及远离按键的移动 CTRL f应该完成显示的建议 然后点击Return会运行它
  • java.util.Set添加和删除方法签名差异

    当我在JDK中看到Set java文件时 p This interface is a member of the a href docRoot technotes guides collections index html Java Col
  • SQL Server 分析 - VertiPaqPagingPolicy 设置

    有人知道模式 2 的设置如何工作吗 我找不到任何文档 我想知道分页发生在光盘上的哪个位置 哪个目录设置 这里提到了但不多说 https www jamesserra com archive 2012 05 what happens when
  • 如何在Python的argparse中对同一组参数调用parse_args()两次?

    简化的测试用例 我有一个需要两个参数的脚本 第一个是整数列表 第二个是必须包含在第一个参数的整数集中的单个整数 例如 python argtest py valid nums 1 2 3 num 2 应该可以 但是 python argte
  • INSTALL_FAILED_OLDER_SDK - 错误消息

    我正在使用 Android 2 2 1 的 LG Thrive 手机上尝试基本的 hello world 程序 我为应用程序使用了 API 级别 8 但仍然出现上述错误 标记此错误的任何其他可能原因 编辑 当我在虚拟模拟器中运行应用程序 然
  • 使用 INSERT 查询将一个表中的行复制到另一个表中[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我有一个包含 158 列和 22 0
  • 存储网络应用程序临时数据的最佳实践[重复]

    这个问题在这里已经有答案了 我的最新项目能够使用数据库中的信息生成文档 所以我按需将文档模板复制到用户的临时文件夹中并进行修改 我这样做是因为每个模板在修改期间都必须可用 之后 用户将通过我的网络应用程序的下载链接获得他的文档 我的问题 是
  • 延续的正确术语

    我一直在摸索延续最近 我对正确的术语感到困惑 Here http www haskellforall com 2012 12 the continuation monad html加布里埃尔 冈萨雷斯 说 Haskell 延续具有以下类型
  • 由于某些权限问题,尝试执行 SSIS 包时 SQL 代理作业失败

    我在 sql server 2012 上部署了 ssis 包 此后安排了一个 sql 作业每周运行这个 ssis 包 当我第一次开始一项工作时 它失败并出现以下错误 工作失败了 该作业由用户 MyDomain MyUserName 调用 这
  • Devise的控制器在哪里?如何在用户/编辑页面添加其他模型的数据?

    似乎设计不在应用程序 控制器文件夹中创建任何控制器文件 现在我希望在用户 编辑视图中显示来自其他模型的一些自定义信息 但无法弄清楚如何执行此操作 因为没有要添加的控制器 num of cars current user num of car
  • 我在一个页面上有两个模式(我正在使用引导程序);单击任何模式只会打开第一个模式。我不懂js;有html修复吗?

    这是第一个模态的代码 接下来两个模态中的所有变化是内部的图像链接 但仅显示这些链接 div a href myModal img src mylinks cp 117s jpg img src mylinks cp 23s jpg img