Rails部分局部变量

时间:2012-08-16 21:52:28

标签: jquery ruby-on-rails partials

我在js.erb file ::

中有以下代码
var title = $('#kase_listing_title_show_determinator').attr('data-known-title-display');
$('#kase_list_core').fadeOut('slow');
$('#kase_list_core').html("<%= escape_javascript(render :partial => 'kase_details', :locals => {:kases => @cases, :displayingtitle => "title" }) %> ");
$('#kase_list_core').fadeIn('slow');

我在这里要做的是,我正在使用jquery从div读取data- *属性,并根据此属性的值,我必须隐藏/显示部分内容。

我想将此值作为rails代码中的局部变量传递。但是每当我得到装载时,我得到:

未定义的局部变量或方法`displaytitle'for#&lt; #Class:0x007fed82319bc0&gt ;:0x007fed88f5ec40&gt;错误。

我不知道为什么第二个变量没有设置。

也许我只是在做一些愚蠢的事情。请帮忙。

部分代码:

如果我删除其中包含此变量的一行 - 一切正常。

<% kases.each do |kase| %>

  <!-- This div is used to determine whether to show or hide the known/ unknown title mode -->
  <!-- Do Not Delete this div - it is used for the kases with video's and show diagnosis check boxes -->
  <div id="kase_listing_title_show_determinator" data-known-title-display="false" data-show-kase-with-video-only="false" ></div>

  <div id="kase_listing_display<%= "#{kase.id}" %>" onmouseover="kase_list_display_mouse_over(<%= "#{kase.id}" %>)" onmouseout="kase_list_display_mouse_out(<%= "#{kase.id}" %>)" class="kase_listing_display" >

    <% if displayingtitle == 0 %>NO<% else %>YES<% end %>

    <div id="kase_listing_known_diagnosis<%= "#{kase.id}" %>" class="mediumtitle gray" style="display:none;">
      <%= kase.knowntitle %>
    </div>

    <br>

    <div id="kase_listing_unknown_diagnosis<%= "#{kase.id}" %>" class="mediumtitle gray" >
      <%= kase.unknowntitle %>
    </div>

    <br>

    <div class="titles gray">
      Author: <%= Author.primaryauthor(kase.id).first.displaystring %>
    </div>

    <br>

    <div class="regularfont gray">
      <strong>Presentation:</strong><%= kase.presentation.truncate(100, :separator => ' ', :ommission => "...").html_safe unless kase.presentation.blank? %>&nbsp;<%= link_to "Read More", kase_path(kase.id), :class => "topmenulinks" %>
    </div>

    <br>

    <!-- # <%= image_tag("#{kase.id}/#{kase.kase_images.first.name}", :width => "150") %><br><br> -->
  </div>
<% end %>

1 个答案:

答案 0 :(得分:0)

你试过这个:标题周围的“+”:

var title = $('#kase_listing_title_show_determinator').attr('data-known-title-display');
$('#kase_list_core').fadeOut('slow');
$('#kase_list_core').html("<%= escape_javascript(render :partial => 'kase_details', :locals => {:kases => @cases, :displayingtitle => "+title+" }) %> ");
$('#kase_list_core').fadeIn('slow');

要检索数据,您还可以执行data()而不是attr():

var title = $('#kase_listing_title_show_determinator').data('known-title-display');