在AJAX中使用滑块

时间:2015-05-24 00:47:52

标签: ajax

如何在单页应用程序(HTML AJAX回调)中使用此滑块功能?

我的代码:

  <script type="text/template" id="bikes-template">
   <div style="text-align:;">
    <% collection.forEach(function(item){ %> 
    <hr>
    <h3><%= item.brand %> <%= item.type %></h3>
    <img src="<%= item.pic %> " alt="<%= item.name %>" style="width: 150px;">
    <p>current miles: <%= item.currentMiles %></p>
    //put slider here, but how? 
    <% }); %>
    </div>
  </script>

slider-

https://jqueryui.com/slider/

1 个答案:

答案 0 :(得分:0)

在我的html中使用上面的模板脚本允许我将html添加到我的html主体。但是,我不知道如何添加包含函数的滑块。

  <script>
  $(function() {
    $( "#slider" ).slider();
  });
  </script>

<div id="slider"></div>