物化css旋转木马不使用角度2

时间:2016-04-29 06:57:05

标签: angular angular2-routing materialize

我正在尝试在角度2代码中包含materialize css轮播。

   <a class="carousel-item" href="#one!"></a>

&安培; javascript是$('.carousel').carousel(); 在类型脚本文件中。但是由于<a>标签(HashLocationStrategy)中的href,它无效。

1 个答案:

答案 0 :(得分:0)

materializecss中的carousel使用一组带有类和jquery的div来触发插件。 在你的代码中,你在类“.carousel”中发射旋转木马,但你没有正确的div与“carousel”类。 请尝试以下代码:

<div class="carousel">
   <a class="carousel-item" href="#foo!"><img src=".../foo.jpg"></a>
   <a class="carousel-item" href="#bar!"><img src=".../bar.jpg"></a>
</div>
<script>
   $(document).ready(function() { 
      $('.carousel').carousel();
   });
</script>