왜 ZeroClipboard는 문장의 첫 단어 만 복사합니까? 내 레일 애플 리케이션에서

Question

@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 > 

따옴표가 없어서 다음 공간이 매개 변수 값의 끝으로 간주되므로 데이터 클립 보드 텍스트 값은 "My"입니다. 따옴표로, 태그는이 보일 것입니다 :

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

데이터를 클립 보드 텍스트 값은 "내 멋진 제목"입니다. 이전 코드 스 니펫의 색상 하이라이트를보고 파란색은 값이고 오렌지색은 매개 변수 이름입니다.