JS用所選文本填充Bootstrap模態似乎只起作用一次

Question

我正在使用Boostrap創建一個模式對話框，允許用戶在給定頁面上輸入評論。 我想擴展它以允許我捕獲選定的文本並將其添加到模式中的content字段中：

$( document ).on("shown.bs.modal", function(){
 var selectedText = '';
 var selectedText = window.getSelection().toString();
 if(selectedText != "") {
   $('#comment_content').val("> " + selectedText);
 }
});

#comment_content是模式形式的輸入字段的ID。

第一次顯示模態時，這種方法效果很好，但是在后續使用中卻無法使用。

每當我單擊帶有某些選定文本的“評論”按鈕時：

%a.btn.btn-primary.btn-sm{:id => 'comments_toggle', "data-toggle" => "modal", "data-target" => "#commentModal"}
  Post a Comment

我得到了模態返回，但是選擇未應用於#comment_content字段。

也許另一個有趣的事情是，它也不會在頁面重新加載時起作用。 在該頁面的選項卡被破壞之前，或者直到我只是轉到另一頁面之前，每次單擊帶有選定文本的按鈕都會給我一個空的#comment_content字段。

Answer 1

嘗試將其嵌入到該按鈕的點擊功能中：

$( document ).on("shown.bs.modal", function(){
  $('#comments_toggle').click(function(){
   var selectedText = '';
   var selectedText = window.getSelection().toString();
   if(selectedText != "") {
     $('#comment_content').val("> " + selectedText);
   }
  });
});