我正在研究基于1140GRID的响应式tumblr主题。为了使静态视频适合列,我使用了jquery fitvids插件。 我的设置代码如下所示:
$(document).ready(function(){
$("#post_{PostID}").fitVids();
});
和随附的html如下:
<div class="container">
<div class="row">
<div class="ninecol"> //grid I want it to fit into
{Block:Video}
<div id="post_{PostID}">
{Video-500}
</div>
{/Block:Video}
</div>
</div>
</div>
如何在页面上为多个动态生成的ID触发fitVids?
谢谢!
答案 0 :(得分:0)
您可能希望将结束DIV放在视频块中。
<div class="container">
<div class="row">
<div class="ninecol"> //grid I want it to fit into
{Block:Video}
<div id="post_{PostID}">
{Video-500}
</div>
{/Block:Video}
</div>
</div>
</div>
然后,您可以定位ninecol的所有细分。
<script>
$(document).ready(function(){
$('.ninecol > div').fitVids();
});
</script>