2

私はマテリアライズ CSS を使用しており、折りたたみ可能なアコーディオン スタイルの要素 ( http://materializecss.com/collapsible.html ) を使用しています。

何らかの理由で、アイテムをクリックして開くとすぐに閉じます。

これが私のコードです。私の目標は、折りたたみを意図したとおりに使用できるようにすることです (つまり、要素を開いて開いたままにします)。

<div style="width:600px; margin:0 auto;">
    <ul class="collapsible" data-collapsible="accordion">

    <% @friends.each do |friend| %>
        <li>
        <% latestTweet = CLIENT.user_timeline(friend.twitterHandle)[0] %>
          <div class="collapsible-header">

            <img src="<%= latestTweet.user.profile_image_url %>" width="40" height="40"><%= link_to friend.firstName + " (" + friend.twitterHandle + ")", "friends/" + friend.id.to_s  %><div style="float:right"><%= (Indico.sentiment(latestTweet.text)*100).round %></div>
          </div>
          <div class="collapsible-body">
            <p>
                <%= latestTweet.text %>
            </p>
          </div>
        </li>
        <% end %>
    </ul>
    </div>
4

2 に答える 2

3

これはおそらく、Rails が 1.11.2 を使用しているのに対し、 MaterializeはJQuery 2.1.1を必要とするためです。

あなたのassests/application.jsで試してください

//= require jquery2
//= require jquery_ujs

https://github.com/rails/jquery-rails

于 2015-02-07T21:10:32.307 に答える