Polymer + jquery +光滑的旋转木马不起作用

Question

我在Polymer和jQuery选择器之间存在一个概念性问题，特别是slick.js插件。

这是聚合物元素定义

<link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../speech-element/speech-element.html">
<script src="../../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../../bower_components/slick/dist/slick.min.js"></script>
<script src="./sequence-speech-questions.js"></script>
<polymer-element name="sequence-speech-questions" attributes="text_list">
<template>
    <link rel="stylesheet" href="sequence-speech-questions.css">
    <div class="single-item">
        <template repeat="{{text in text_list}}">
          <speech-element text="{{text}}"></speech-element>
        </template>
   </div>
</template>
</polymer-element>

这是 sequence-speech-questions.js

Polymer("sequence-speech-questions", {
   // define element prototype here
ready: function () {
    this.text_list = JSON.parse(this.text_list);
},
domReady: function () {
  $('.single-item').slick();
}
});

最后，jquery选择器不起作用

有人知道如何在聚合物上修复这个jquery错误

感谢所有

Answer 1

我认为在这种情况下，jquery不存在于web组件或聚合物的上下文中。

也许您应该尝试从主页面进行自己的修改jquery，例如：

$(document).on('DOMNodeInserted', '.single-item', function(){$(this).slick();});