返回信息流是这样,我使用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">×</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 %}
这是一条镜像帖。来源:北邮人论坛 / www-technology / #29359同步于 2015/3/4
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖
【已解决】Modal总是只得到第一组数据
buptmuye
2015/3/4镜像同步5 回复
订阅后,新回复会通过你的通知中心匿名送达。
5 条回复
id不可以重复。它必须要能在一个网页里唯一确定一个元素。直观的解决方法是让第一个id="myModel1",第二个叫id="myModel2",……
恩 明白了。
不过暖神,因为这里的情况是for循环,所以是动态的,而且modal也要获取for循环中的image数据,要怎么办呢?
google了一些modal传数据的,不过暂时还不理解,刚开始接触。
[ema23][ema23][ema23]
【 在 nuanyangyang 的大作中提到: 】
: id不可以重复。它必须要能在一个网页里唯一确定一个元素。直观的解决方法是让第一个id="myModel1",第二个叫id="myModel2",……
谢谢暖神[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",……
【 在 buptmuye 的大作中提到: 】
: 谢谢暖神,最后我是这么解决的。
: 原来直接在href中动态设置id,然后在下面的modal定义中也定义刚才的id就可以了。
: [code=xml]
: ...................
你能保证image.name不重复吗?
恩,去重是在增加image数据的时候有所判断。抱歉这两天没上论坛[ema23]
【 在 nuanyangyang (暖羊羊) 的大作中提到: 】
: 你能保证image.name不重复吗?
通过『我邮2.0』发布