Javascript 使用Bootstrap';聚合物中的工具提示
我正在使用一个简单的聚合物对象和引导,我想在聚合物对象中使用工具提示() 假设这是我的聚合物:Javascript 使用Bootstrap';聚合物中的工具提示,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,polymer,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,Polymer,我正在使用一个简单的聚合物对象和引导,我想在聚合物对象中使用工具提示() 假设这是我的聚合物: <link rel="import" href="../components/bower_components/polymer/polymer.html"> <polymer-element name="my-polymer"> <template> <div data-toggle="tooltip" tooltip="with a
<link rel="import" href="../components/bower_components/polymer/polymer.html">
<polymer-element name="my-polymer">
<template>
<div data-toggle="tooltip" tooltip="with a tooltip">I am a simple Polymer</div>
</template>
<script>
Polymer({
domready: function() {
//$((this.shadowRoot || this).querySelector('[data-toggle="tooltip"]')).tooltip(); // not wotking
//$("[data-toggle='tooltip']").tooltip(); // not wotking
}
});
</script>
</polymer-element>
但由于阴影DOM,我无法执行此命令。
如何使此代码与引导工具提示配合使用?我知道这并不能直接回答您的问题,而是为您提供了一个“聚合物”替代方案。Polymer 0.5有一个工具提示元素(它们看起来很像您发布的链接上的示例工具提示)
$("[data-toggle='tooltip']").tooltip();