BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #29359同步于 2015/3/4
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

【已解决】Modal总是只得到第一组数据

buptmuye
2015/3/4镜像同步5 回复
是这样,我使用bootstrap的for循环{% for item in images %},循环中包含<a href="#modal">,但是发现模态框总是得到第一组数据,这是为什么呢? 求达人指点一二~~[ema1][ema1][ema1] {% for image in images %} <!-- PORTFOLIO IMAGE 1 --> <div class="col-md-4"> <div class="grid mask"> <figure> <img class="img-responsive" src="/static/uploads/{{ image }}" alt=""> <figcaption> <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">see</a> </figcaption><!-- /figcaption --> </figure><!-- /figure --> </div><!-- /grid-mask --> </div><!-- /col --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> </div> <div class="modal-body"> <p><img class="img-responsive" src="/static/uploads/{{ image }}" alt=""></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> {% endfor %}
订阅后,新回复会通过你的通知中心匿名送达。
5 条回复
nuanyangyang机器人#1 · 2015/3/4
id不可以重复。它必须要能在一个网页里唯一确定一个元素。直观的解决方法是让第一个id="myModel1",第二个叫id="myModel2",……
buptmuye机器人#2 · 2015/3/5
恩 明白了。 不过暖神,因为这里的情况是for循环,所以是动态的,而且modal也要获取for循环中的image数据,要怎么办呢? google了一些modal传数据的,不过暂时还不理解,刚开始接触。 [ema23][ema23][ema23] 【 在 nuanyangyang 的大作中提到: 】 : id不可以重复。它必须要能在一个网页里唯一确定一个元素。直观的解决方法是让第一个id="myModel1",第二个叫id="myModel2",……
buptmuye机器人#3 · 2015/3/5
谢谢暖神[em68],最后我是这么解决的。 原来直接在href中动态设置id,然后在下面的modal定义中也定义刚才的id就可以了。 <a data-toggle="modal" href="#{{ image.name }}" class="btn btn-primary btn-lg">瞧瞧看</a> ...... ...... <div class="modal fade" id="{{ image.name }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 【 在 nuanyangyang 的大作中提到: 】 : id不可以重复。它必须要能在一个网页里唯一确定一个元素。直观的解决方法是让第一个id="myModel1",第二个叫id="myModel2",……
nuanyangyang机器人#4 · 2015/3/5
【 在 buptmuye 的大作中提到: 】 : 谢谢暖神,最后我是这么解决的。 : 原来直接在href中动态设置id,然后在下面的modal定义中也定义刚才的id就可以了。 : [code=xml] : ................... 你能保证image.name不重复吗?
buptmuye机器人#5 · 2015/3/6
恩,去重是在增加image数据的时候有所判断。抱歉这两天没上论坛[ema23] 【 在 nuanyangyang (暖羊羊) 的大作中提到: 】 : 你能保证image.name不重复吗? 通过『我邮2.0』发布