[英]JavaScript plugin initialization in Polymer Shadow DOM
I tried to use this plugin with Polymer, but it did't work. 我试图将此插件与Polymer一起使用,但没有用。 I use a Javascript version of this plugin.
我使用此插件的Javascript版本。 I have also used domReady: function{} .
我还使用了domReady:function {} 。 What is the problem?
问题是什么?
Shadow DOM: 影子DOM:
<link rel="import" href="../../bower_components/polymer/polymer.html">
<script src="../../assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js"></script>
<polymer-element name="paper-scrollbar">
<template>
<!-- begin element CSS -->
<link rel="stylesheet" href="../../assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css">
<style>
.scrollbar-container {
width: 100%;
height: 100%;
overflow: auto;
position: relative;
margin: 0;
}
</style>
<!-- end element CSS-->
<!-- begin element HTML -->
<div class="scrollbar-container">
<content></content>
</div>
<!-- end element HTML -->
</template>
<!-- begin element JavaScript -->
<script>
Polymer('paper-scrollbar', {
ready: function () {
var container = document.querySelector('.scrollbar-container');
Ps.initialize(container);
}
});
</script>
<!-- end element JavaScript -->
</polymer-element>
The issue is in plugin. 问题出在插件中。 It doesn't work with scope of elements under the same class.
它不适用于同一类下的元素范围。 You should use unique id for each DOM element.
您应该为每个DOM元素使用唯一的ID。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.