在Jquery中識別的唯一ROR用戶ID erb表達式

Question

如何將唯一用戶標識「erb表達式」傳遞給jquery函數。

即

這

<div id="expand_<%= user.id %>"><%= image_tag user.avatar.url(:medium), :class => "expand round fluid" %></div> 
    <div id="collapse_<%= user.id %>" class="collapse"><%= user.bio %></div> 

這個

<script type="text/javascript"> 
    $(document).ready(function() { 
     // Hide the "view" div. 
     $('div.collapse').hide(); 
     // Watch for clicks on the "slide" link. 
     $('div#expand_' + user.id).click(function() { 
     // When clicked, toggle the "view" div. 
     $('div#collapse_' + user.id).slideToggle(100); 
     return false; 
    }); 
    }); 
</script> 

謝謝，非常感謝。

Answer 1

你不「傳入」。該值在HTML屬性的頁面上存在。你只需要使用Javascript提取該值。

但是，更重要的是，您甚至不需要提取該值。所有你想要做的是「slideToggle div後立即任何div，以'expand_'開頭，當該div被點擊」。其中，當被翻譯成jQuery時，是：

<script type="text/javascript"> 
    $(document).ready(function() { 
     // Hide the "view" div. 
     $('div.collapse').hide(); 
     // Watch for clicks on the "slide" link. 
     $('div[id^=expand_').click(function() { 
      // When clicked, toggle the "view" div. 
      $(this).next('.collapse').slideToggle(100); 
      return false; 
     }); 
    }); 
</script>