为什么ZeroClipboard只复制第一个单词?

时间:2016-08-05 16:05:34

标签: javascript jquery html ruby-on-rails zeroclipboard

在我的rails应用程序中我正在尝试创建一组按钮,可以单击这些按钮来复制存储在@all_tips中的句子(提示标题)。目前复制工作但只有第一个单词(即一旦有空格就停止),我不知道为什么,也无法找到任何其他指导。

  <% (@all_tips).each do |n| %>
   <button class="btn btn-success copy_to_clipboard" data-clipboard-text= <%= n.title %> > <p> <%= n.title %></p> </button>
  <% end %>


<script>
  jQuery.fn.copyToClipBoard = function() {
      var clip = new ZeroClipboard($(".copy_to_clipboard"));
  }
  $(function() {
    $('.copy_to_clipboard').copyToClipBoard();
  });
 </script>

非常感谢任何帮助,谢谢!

1 个答案:

答案 0 :(得分:1)

在标题周围添加引号,如下所示:

data-clipboard-text="<%= n.title %>"

没有引用,如果标题是例如:我很棒的标题

标签看起来像这样:

<button class="btn btn-success copy_to_clipboard" data-clipboard-text=My awesome title >

因此,数据剪贴板文本值仅为&#34; My&#34;,因为缺少引号会将下一个空格视为参数值的结尾。使用引号,标记将显示如下:

<button class="btn btn-success copy_to_clipboard" data-clipboard-text="My awesome title" > 

数据 - 剪贴板 - 文本值将是&#34;我很棒的标题&#34;。查看上一个代码段中的颜色突出显示,蓝色是值,橙色是参数名称。