JSP：javascript循环只能运行一次

Question

我有一个jsp页面，我有一个循环，每次迭代都有一个“滑块”。 但是js函数只是在第一次迭代中放置滑块一次。 我正在使用jquery ui。

这是jsp代码：

<div class="span6">
    <h3>Controllers</h3>
    <img class="img-rounded" data-src="holder.js/140x140" alt="140x140" style="width: 140px; height: 140px;" src="img/services.png">
    <%
        if (bc ==  null) 
            out.println("NULL BC");
        else if(Tracker.getSt().getServiceReferences()!=null){
            for(ServiceReference s : Tracker.getSct().getServiceReferences()){
     %>             
                <div class="row" id = nameService>
                    <p><b><%=((DeviceController)bc.getService(s)).getName() %></b></p>
                </div>
                <div class="row">
     <% 
                    for(String str : ((DeviceController)bc.getService(s)).getCollection().keySet()){    
     %>
                        <div class="row" id=ServiceProp>
                            <div class="span2">
                                <p><%=str%></p>
                            </div>
                            <div class="span3">
                                <div id="slider"></div>
                                ssss
                            </div>
                        </div>
     <%
                     } 
     %>
                </div>                  
     <% 
              } //end for services
         }
     %>
     </div><!-- /.span6 --> 

这是我简单的jquery函数

$(document).ready(function(){
    $("#slider").slider();
});

如果有人可以帮助我，我真的很感激。 感谢