Jquery 转盘不在活动模板中工作

home/index.ract

<div class="row owl-carousel owl-theme row">
    {{#featured}}
    <div class="column small-12 medium-6 large-3 pan item">
    <a href="{{ link }}">
      <div class="griditem boxshadow">
          <div class="item-content">
            <h1 class="title">{{ title }}</h1>
            <p class="byline">By {{ subtitle }}</p>
          </div>
      </div>
    </a>
    </div>
    {{/featured}}
    </div>

---

它仍然没有显示旋转木马幻灯片-换句话说，它是空白的

请尝试将jquery代码移动到ractive onrender中：

编辑：将其作为抽象函数

var main = Ractive.extend({
  el: 'main',
  onrender: function(){
    var owl = $('#handpicks');
    owl.owlCarousel({
       itemsCustom : [
               [450, 1],
               [600, 2],
               [1024, 3],
               [1200, 4]
       ],
       navigation : true
    });
  }
};

如果要在方法上使用

，请使用名称：

app.on( 'render', function(){
    var owl = //etc...
});

谢谢我查看了server.js，看到了“app.on”，我不知道该放在哪里。嗯，我已经尝试了上面的方法，但它并没有像jquery那样显示旋转木马。我需要使用jquery吗？从您的代码示例中不清楚创建ractive实例的位置。但是，在调用
new Ractive（）
或您正在使用的任何组件之前，需要加载jquery
var main = Ractive.extend({
  el: 'main',
  onrender: function(){
    var owl = $('#handpicks');
    owl.owlCarousel({
       itemsCustom : [
               [450, 1],
               [600, 2],
               [1024, 3],
               [1200, 4]
       ],
       navigation : true
    });
  }
};

app.on( 'render', function(){
    var owl = //etc...
});