Question

如何将唯一的用户ID“erb expression”传递给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提取该值。

但是，更重要的是，您甚至不需要提取该值。你要做的就是“在任何div之后立即滑动div，其中id以'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>

Jquery中识别的唯一ROR用户ID erb表达式

1 个答案: