Question

离体幻灯片图片默认只会倒带。但我希望Slider是周期性的。如何解决它。

我尝试使用jquery滑块而不是Ionic滑动框。但它没有正常工作。

我尝试使用此文件在索引页面上添加标题

  <script src="lib/jquery-1.11.2.min.js"></script> 

  <script type="text/javascript" src="lib/jquery.nivo.slider.js"></script> 

  <script type="text/javascript">

            $(document).ready(function() {

                $('#slider').nivoSlider();

        });

  </script>

    <link rel="stylesheet" href="css/default/default.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />



<div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider" ng-repeat="club in slider"> 

                  <img ng-src="{{club.url}}"  style='width:100% !important;'  >
            </div>
        </div>

Answer 1

我已将此代码添加到我的控制器上，它对我来说很合适。

        $ionicSlideBoxDelegate.update();
        $ionicSlideBoxDelegate.loop(true);

Answer 2

如果你想在离子/ angularJS中使用jQuery，几乎没有建议：

在离子js和角度js库加载之前加载jquery。
从控制器调用jQuery以更好地控制应用程序流。例如。 $('#slider').nivoSlider();从您的控制器调用它，并将您的html放在控制器的视图模板中。

如果您可以在应用中详细说明所需的滑块类型（我无法理解cyclical的含义，那就太棒了。）

滑块默认回缩，但我希望它是周期性的

2 个答案: