2 qq 14932021 qq_14932021 于 2016.05.09 15:05 提问

怎么给动态添加的img添加元素data-toggle="modal"呢??

做了一个图片上传的功能,所以图片上动态添加进来的,源码里面没有,想要给它加一个data-toggle="modal"该怎么加呢???大神们求解。。。

4个回答

showbo
showbo   Ds   Rxr 2016.05.09 15:28

添加属性不难,主要是需要重新调用下插件的api初始化下效果,要不加这个效果一般是没用的,因为初始化的代码已经执行过,再添加属性无效了,具体自己找api来看

qq_33327210
qq_33327210   2016.05.09 15:10

首先要获得他。可以用选择器来获得然后就添加了

qq_14932021
qq_14932021 document.getElementsByClassName(file-preview-image).append("data-toggle","modal");我这样有什么错误吗??
大约 2 年之前 回复
CSDNXIAOD
CSDNXIAOD   2016.05.09 15:12

动态添加表单元素
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

Royal_lr
Royal_lr   Ds   Rxr 2016.05.09 16:15

用jq,,$(".file-preview-image").attr("data-toggle","modal");

qq_14932021
qq_14932021 不管用啊,如果用on的话,该怎么写呢?
大约 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jQuery为动态生成的元素添加事件
我们会使用jQuery动态地生成许多子元素。 但是我们同时希望为jQuery动态生成的子元素(#oImg)添加响应事件,这时候使用传统的方法, 往往会失败。我们需要使用delegate()函数来替代原始方法。
JS动态添加div、li、img等元素及设置属性(实例)
把一串 html 标签赋给一个 javascript 变量,除属性的值要用转义的双引号外,某些时候字符串还很长,显得有些复杂。如果用 js 动态添加元素,就不会有那么复杂的字符串出现,代码阅读性强一点,也容易理解。   网页是由 html 标签一层层组成的,js 也可以动态添加一层层的诸如 div、li、img 这样的标签。其实,不管是什么 html 标签,js 动态创建的方法都差不多,接着
bootstrap模态弹出框学习笔记(1-9 模态弹出框--模态弹出窗的使用(data-参数说明))
除了通过data-toggle和data-target来控制模态弹出窗之外,Bootstrap框架针对模态弹出框还提供了其他自定义data-属性,来控制 模态弹出窗。比如说:是否有灰色背景modal-backdrop,是否可以按ESC键关闭模态弹出窗。有关于Modal弹出窗自定义属性相关说明 如下所示: 模态弹出窗的使用 通过data-target触发
bootstrap data-toggle
Bootstrap为这些a之类元素都绑定上了事件,而终止了链接默认行为。data-toggle指以什么事件触发,常用的如modal,popover,tooltips等,data-target指事件的目标,一起使用就是代表data-target所指的元素以data-toggle指定的形式显示
Bootstrap4 模态框mode 提示框data-toggle="tooltip" 弹出框 data-toggle="popover"
模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。<div class="container">  <h2>模态框实例</h2>  <!-- 按钮:用于打开模态框 -->  <button type="button" class="btn
jQuer总结--动态创建img--获取元素
jQuery的一些点滴总结
动态添加图片并绑定删除事件
动态添加图片并绑定删除事件 Delete Delete #container { overflow:auto; } .image { float:left;position:relative; margin:10px} .image img{width:200px;height:160px} a.delete { display:non
iframe中的modal动态为页面添加元素后页面无法滚动
代码大致结构 打开模态框在content中添加元素 当为id为content的div内添加元素,且div的高度超过iframe的高度后,发现iframe无法滚动了!试了下firefox正常,safari、chrome异常,这是什么bug。。。 后来发现,只要拖动下窗口,让iframe的高度出现变化,就再次能够滚动了。 不得已,只好
data-toggle与data-target的作用
Sign In :因为Bootstrap为这些元素都绑定上了事件,而终止了链接默认行为,你可以看看Bootstrap的文档,data-toggle指以什么事件触发,常用的如modal,popover,tooltips等,data-target指事件的目标,你这段代码的意思就是指将#signin-signup-tab这个Dom元素的内容以模态框的形式展示。
javascript动态生成img标签
---css img{width: 10px;height: 10px;background-color: green;} --html 标题 添加图片 ---js function createImg(){ //1.创建img节点 var imgNode=document.createElement('img'); var div