js特效在repeater中按钮不可用，这是为什么

Question

我下载了一个js特效，在repeater中js特效中的按钮就只有第一行有用，下面repeater的按钮都不可用，这是为什么。

Answer 1

设置全部按钮为相同的cssname，然后用jquery绑定你的特效

Answer 2

一样的，没有不同的啊  repeater后  肯定是一样的，难道是不能区分了

Answer 3

用的是asp.net控件还是HTML控件？asp.net控件放在repeater里面会被自动编号
最大的可能就是特效没被注册到控件上面。把代码贴上来吧

Answer 4

js特效是不是针对某个表单控件 repeater里面的控件ID是会被重命名的 所以可能是ID的问题 建议看一下最终输出的HTML

Answer 5

<div id="middle_huadong">
      <DIV id="slide-box">
<B class=corner></B>
<DIV class=slide-content id=J_slide>
<DIV class=wrap>
<UL class=ks-switchable-content>
                 <asp:Repeater ID="Rep2" runat="server">
                    <ItemTemplate>
  <LI> <asp:Image ID="Image6" runat="server" ImageUrl='<%# Bind("ST_picture") %>'/></LI>
</ItemTemplate>
</asp:Repeater>
</UL>
</DIV>
<DIV class=ks-switchable-triggers>
<A class=prev id=J_prev href="javascript:void(0);">
<B class=corner></B><SPAN>&#8249;</SPAN><B class=corner></B></A> 
<A class=next id=J_next href="javascript:void(0);">
<B class=corner></B><SPAN>&#8250;</SPAN><B class=corner></B></A> </DIV> </DIV>
<B class=corner></B> </DIV> 
  
  </div>   
    </div>
            </div>
        </ItemTemplate>
        </asp:Repeater>    <SCRIPT type=text/javascript>
var D=YAHOO.util.Dom, E=YAHOO.util.Event; KISSY().use("*", function(S) {
var el = D.get('J_slide'),
activeIndex = parseInt(el.getAttribute('data-active-index')) || 0; var carousel = new S.Carousel(el, {
hasTriggers: false,
navCls: 'ks-switchable-nav',
contentCls: 'ks-switchable-content',
activeTriggerCls: 'current',
effect: "scrollx",
steps: 2,
viewSize: [520],
activeIndex: activeIndex
});

E.on('J_prev', 'click', carousel.prev, carousel, true);
E.on('J_next', 'click', carousel.next, carousel, true);
}); KISSY().use("*", function(S) {
var el = D.get('J_shoppingGuide');
if(!el){
return;
}
var activeIndex = parseInt(el.getAttribute('data-active-index')) || 0; var carousel = new S.Carousel(el, {
navCls: 'ks-switchable-nav',
contentCls: 'ks-switchable-content',
activeTriggerCls: 'current',
effect: "scrollx",
steps: 2,
viewSize: [520],
activeIndex: activeIndex
});

E.on('J_shoppingGuidePrev', 'click', carousel.prev, carousel, true);
E.on('J_shoppingGuideNext', 'click', carousel.next, carousel, true);
});
</SCRIPT>

Answer 6

这是我的源代码
<div id="middle_huadong">
      <DIV id="slide-box">
<B class=corner></B>
<DIV class=slide-content id=J_slide>
<DIV class=wrap>
<UL class=ks-switchable-content>
                 <asp:Repeater ID="Rep2" runat="server">
                    <ItemTemplate>
  <LI> <asp:Image ID="Image6" runat="server" ImageUrl='<%# Bind("ST_picture") %>'/></LI>
</ItemTemplate>
</asp:Repeater>
</UL>
</DIV>
<DIV class=ks-switchable-triggers>
<A class=prev id=J_prev href="javascript:void(0);">
<B class=corner></B><SPAN>&#8249;</SPAN><B class=corner></B></A> 
<A class=next id=J_next href="javascript:void(0);">
<B class=corner></B><SPAN>&#8250;</SPAN><B class=corner></B></A> </DIV> </DIV>
<B class=corner></B> </DIV> 
  
  </div>   
    </div>
            </div>
        </ItemTemplate>
        </asp:Repeater>    <SCRIPT type=text/javascript>
var D=YAHOO.util.Dom, E=YAHOO.util.Event; KISSY().use("*", function(S) {
var el = D.get('J_slide'),
activeIndex = parseInt(el.getAttribute('data-active-index')) || 0; var carousel = new S.Carousel(el, {
hasTriggers: false,
navCls: 'ks-switchable-nav',
contentCls: 'ks-switchable-content',
activeTriggerCls: 'current',
effect: "scrollx",
steps: 2,
viewSize: [520],
activeIndex: activeIndex
});

E.on('J_prev', 'click', carousel.prev, carousel, true);
E.on('J_next', 'click', carousel.next, carousel, true);
}); KISSY().use("*", function(S) {
var el = D.get('J_shoppingGuide');
if(!el){
return;
}
var activeIndex = parseInt(el.getAttribute('data-active-index')) || 0; var carousel = new S.Carousel(el, {
navCls: 'ks-switchable-nav',
contentCls: 'ks-switchable-content',
activeTriggerCls: 'current',
effect: "scrollx",
steps: 2,
viewSize: [520],
activeIndex: activeIndex
});

E.on('J_shoppingGuidePrev', 'click', carousel.prev, carousel, true);
E.on('J_shoppingGuideNext', 'click', carousel.next, carousel, true);
});
</SCRIPT>