如何在页面上为多个动态生成的ID触发fitVids?

时间:2012-03-24 19:09:08

标签: javascript jquery jquery-selectors

我正在研究基于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?

谢谢!

1 个答案:

答案 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>