爲什麼ZeroClipboard只複製句子的第一個單詞？

Question

在我的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> 

任何幫助將不勝感激，謝謝！

Answer 1

標題周圍添加引號是這樣的：

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

沒有報價，如果標題，例如：我真棒標題

標籤看起來就像這樣：

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

所以data-clipboard-text值只是「我的」，因爲缺乏引用考慮下一個空間是參數值的結尾。隨着報價，標籤看起來這樣：

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

數據剪貼板文本值將是「我真棒稱號」。查看前面的代碼片段中的顏色高亮部分，藍色是參數名稱，橙色是參數名稱。