如何使用jquery觸發“ template”標簽中存在的單擊按鈕

Question

我創建了一個簡單的“ helloworld” Web組件，在其中放置了“按鈕”標簽，並且希望通過觸發它來單擊該按鈕，但是我無法觸發它。 我究竟做錯了什么？

這是我的“ Index.html”文件代碼，在其中我稱為自己的組件和按鈕的值：

<!doctype html>
<html>

<head>
  <title>First Polymer component</title>
  <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
  <script src="bower_components/lib/jquery-1.11.2.js"></script>
  <link rel="stylesheet" type="text/css" href="bootstrap_theme/css/bootstrap.css" />
  <link rel="stylesheet" type="text/css" href="bootstrap_theme/css/bootstrap-theme.css" />
  <script src="bootstrap_theme/js/bootstrap.js"></script>
  <link rel="import" href="hello-world.html">

  <script>
    var button_data = [{
      "name": "litrary vocabulary",
      "span_id": "mostbasic",
      "description": "This is a sample description about litrary vocabulary"
    }, {
      "name": "no contractions",
      "description": "This is a sample description about no contractions"
    }];

    window.addEventListener('WebComponentsReady', function(e) {
      var element = document.querySelector('hello-world');
      element.buttonsdata = button_data;
    });
  </script>
</head>

<body>

  <hello-world> </hello-world>

  <script>
    $('.answerButtons').trigger("click");

    function k12() {
      window.open("http://www.w3schools.com");
    }
  </script>
</body>

</html>

第二個文件包含我的Web組件的代碼：

<link rel="import" href="bower_components/polymer/polymer.html">

<dom-module id="hello-world">

  <style>
    p {
      color: red;
    }
  </style>

  <template>
    <template is="dom-repeat" items="{{buttonsdata}}" as="button_data">
      <button type="button" class="btn btn-info answerButtons" onclick = "k12()">{{_getButtonName(button_data)}} </button>
    </template>
    <p>This is my first own component </p>
    <p>This is my first ....... </p>
    <p>Kumaran is IDIOT </p>
  </template>

  <script>
    Polymer({
      is: 'hello-world',
      _getButtonName: function(buttondata) {
        return buttondata.name;
      }
    });
  </script>

</dom-module>

Answer 1

button_data應該是hello-world一個屬性onclick應該被on-click以on-click Polymer綁定https://www.polymer-project.org/1.0/docs/devguide/events.html

如何使用jquery觸發“ template”標簽中存在的單擊按鈕

問題描述

1 個解決方案

解決方案1
0 2016-02-11 04:38:21

如何使用jquery觸發“ template”標簽中存在的單擊按鈕

問題描述

1 個解決方案

解決方案1 0 2016-02-11 04:38:21

解決方案1
0 2016-02-11 04:38:21