使用空格

Question

我已成功设置了clipboardjs。现在我为了设计目的而添加一个框架。

只有当我在名为“小按钮”的按钮中添加一个新类而不再使用它时，它才能正常工作。在我使用按钮之前它会很好用。

我认为有一个简单的答案，但我认为我在这个问题上看错了。

这是不可行的例子：

< script >
  var clipboard = new Clipboard('.small button');
clipboard.on('success', function(e) {
  console.log(e);
});
clipboard.on('error', function(e) {
  console.log(e);
}); < /script>

<div class="result">
  <label>E-Mail Code:</label>
  <p>
    <textarea id="emailcode">
      <?=$image;?>
    </textarea>
  </p>
  <p>
    <button class="small button" data-clipboard-action="copy" data-clipboard-target="#emailcode">
      Copy to clipboard
    </button>
  </p>
  <label>Digistore24 Code:</label>
  <p>
    <textarea id="ds24code">
      <?=$ds24;?>
    </textarea>
  </p>
  <p>
    <button class="small button" data-clipboard-action="copy" data-clipboard-target="#ds24code">
      Copy to clipboard
    </button>
  </p>
</div>

这是工作示例：

< script >
  var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
  console.log(e);
});
clipboard.on('error', function(e) {
  console.log(e);
}); < /script>

<div class="result">
  <label>E-Mail Code:</label>
  <p>
    <textarea id="emailcode">
      <?=$image;?>
    </textarea>
  </p>
  <p>
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#emailcode">
      Copy to clipboard
    </button>
  </p>
  <label>Digistore24 Code:</label>
  <p>
    <textarea id="ds24code">
      <?=$ds24;?>
    </textarea>
  </p>
  <p>
    <button class="btn" data-clipboard-action="copy" data-clipboard-target="#ds24code">
      Copy to clipboard
    </button>
  </p>
</div>

Answer 1

初始化剪贴板库时传递的参数是一个CSS选择器，所以你拥有的代码

new Clipboard('.small button')

会在button类的代码中找到small个代码。你想要的可能是

new Clipboard('.small.button')

会找到同时包含small和button类的标记。

Answer 2

在下方发布的按钮中添加一个双等级。首先发布“btn”，然后用空格表示框架中的相关css。

_ID field (autoincrement)
Account ID (integer, links to an account table)
Category ID (integer, links to a category table)
Value (the value of this category for this account)
Timestamp (the timestamp of this value of this category for this account)