asp.net - 具有动态内容的 JQuery

Question

如果我在转发器中有一个 div 标签，并且我想为每个 div 标签添加 jquery 效果，该怎么做？

   <script type="text/javascript">
    $(function() {
        //run the currently selected effect
        function runEffect() {
            //most effect types need no options passed by default
            var options = {};
            //check if it's scale, transfer, or size - they need options 
            //if (selectedEffect == 'scale') { options = { percent: 0 }; }

            //run the effect
            $("#effect").effect('explode', options, 500, callback);
        };

        //callback function to bring a hidden box back
        function callback() {
            setTimeout(function() {
            $("#effect:hidden").removeAttr('style').hide().fadeIn();
            }, 1000);
        };

        //set effect from select menu value
        $(document).ready(function() {
            $("div.effect").click(function() {
                runEffect();
                return false;
            });
        });
    });
</script>

<asp:Repeater ID="repItems" runat="server">
    <ItemTemplate>
 <div class="toggler">
  <div id="effect" class="ui-widget-content ui-corner-all">
   <h3 class="ui-widget-header ui-corner-all"><%#Eval("Tag") %></h3>
  </div> 
 </div>
 </ItemTemplate>
</asp:Repeater>

我尝试了上面的方法，但只有第一个 div 有效。我做错了什么？？

Answer 1

尝试为这些 div 使用类，例如:

<div id="effect" class="effect ui-widget-content ui-corner-all">

并在 jquery 中使用 ("div.effect") 选择器。

我“认为”对多个事物使用相同的 id 可能会导致问题......