Polymer 1.0: всплывающая подсказка не работает

Кажется, я не могу заставить элемент <paper-tooltip> работать на меня.

Вот мой JSBin.

Что я делаю не так?

<!doctype html>
<head>
  <meta charset="utf-8">
  <base href="http://polymer-magic-server.appspot.com/components/">
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link href="polymer/polymer.html" rel="import">
</head>
<body>

  <dom-module id="x-foo">
    <template>
      <style></style>
        <div class="with-tooltip" tabindex="0">
          <input type="checkbox">Oxygen
          <paper-tooltip>Atomic number: 8</paper-tooltip>
        </div>
        <paper-icon-button id="heart" icon="favorite" alt="heart"></paper-icon-button>
        <paper-icon-button id="back" icon="arrow-back" alt="go back"></paper-icon-button>
        <paper-icon-button id="fwd" icon="arrow-forward" alt="go forward"></paper-icon-button>
        <paper-tooltip for="heart" margin-top="0">&lt;3 &lt;3 &lt;3 </paper-tooltip>
        <paper-tooltip for="back" margin-top="0">halp I am trapped in a tooltip</paper-tooltip>
        <paper-tooltip for="fwd" margin-top="0">back to the future</paper-tooltip>
    </template>
    <script>

      // only need this when both (1) in the main document and
      // (2) on non-Chrome browsers
      addEventListener('WebComponentsReady', function() {

        Polymer({
          is: "x-foo"
        });

      });

    </script>
  </dom-module>

  <x-foo></x-foo>

</body>


polymer paper-elements polymer-1.0
person Let Me Tink About It    schedule 15.08.2015    source источник
comment
Вы все делаете правильно, вам просто нужно импортировать paper-icon-button, iron-icons и paper-tooltip. Вот рабочий JSBin   -  person Kevin Ashcraft    schedule 15.08.2015
comment
@KevinAshcraft: Ах. Спасибо. Я не понимал, что мне все еще нужно импортировать каждый элемент по отдельности. Наверное, я не понял, как использовать magic-server.   -  person Let Me Tink About It    schedule 15.08.2015

Ответы (1)


arrow_upward
1
arrow_downward

Резюме из комментариев:

Per @kevinashcraft:

Вы должны импортировать бумажную иконку-кнопку, железную иконку и бумажную всплывающую подсказку. Вот рабочий JSBin.

person Let Me Tink About It    schedule 04.10.2015