Javascript 无法使用（Tapestry）进行覆盖

这是我的tml代码

 <t:loop t:source="image" t:value="pojo">    //problem with <t:loop>
    <a rel="#overlay${pojo.id}">
        //image tag here  
     </a>

    <div class="app_overlay" id="overlay${pojo.id}">
           <img width="80" height="60" src="${pojo.url}" />
     </div>
 </t:loop>

---

我的问题是，如果没有t:loop，我的意思是使用静态源代码，它可以完美地工作，但是如果我在t:loop中给出这个代码。它不起作用。请帮助我这里的愚蠢建议，但是您是否尝试将t:id添加到其中

    $("a[rel]").overlay({ top: '24%' ,
         mask: { 
           color: '#0f0f0f',
           loadSpeed: 200,
           opacity: 0.9

      },

           closeOnClick: false ,
    });