javascript - Rails: Populating bootstrap dropdown with ajax - Stack Overflow

admin管理员组

文章数量:1403435

I currently have a dropdown that will display notifications

<li class="notifications dropdown"> 
  <a class="dropdown-toggle" id="dLabel" role="button" data-remote="true" data-toggle="dropdown" data-target="#" href="/notifications"><i class="icon-user"></i> Notifications</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
  </ul>
</li>

The ul dropdown is empty but on click of the link I want to populate the menu with data from rails.

I currently have this in notifications.js.erb

$(".nav li.notifications .dropdown-menu").remove();
$(".nav li.notifications").append("<%= escape_javascript(render('users/notifications', notifications: @notifications)) %>");

Normally I would set the dropdown link to remote but since I am using a bootstrap's dropdown no request is being sent to notifications.js.erb. How can I manually call the code there?

I currently have a dropdown that will display notifications

<li class="notifications dropdown"> 
  <a class="dropdown-toggle" id="dLabel" role="button" data-remote="true" data-toggle="dropdown" data-target="#" href="/notifications"><i class="icon-user"></i> Notifications</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
  </ul>
</li>

The ul dropdown is empty but on click of the link I want to populate the menu with data from rails.

I currently have this in notifications.js.erb

$(".nav li.notifications .dropdown-menu").remove();
$(".nav li.notifications").append("<%= escape_javascript(render('users/notifications', notifications: @notifications)) %>");

Normally I would set the dropdown link to remote but since I am using a bootstrap's dropdown no request is being sent to notifications.js.erb. How can I manually call the code there?

• javascript
• ruby-on-rails
• ajax
• ruby-on-rails-3
• twitter-bootstrap

Share Improve this question Follow asked Oct 14, 2012 at 18:35 Matthew HuiMatthew Hui 3,37122 gold badges3131 silver badges3838 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

I would add JavaScript code to make the call:

$(document).ready(function() {
    $('#dLabel').click(function() {
        // Only call notifications when opening the dropdown
        if(!$(this).hasClass('open')) {
           $.ajax({
              type: "GET",
              url: "/notifications",
              async: false,
              dataType: "script"
           });
        }
    });
});

You could also make it asynchronous and put a loading icon into the menu temporarily...

本文标签： javascriptRails Populating bootstrap dropdown with ajaxStack Overflow