javascript – Rails:用ajax填充bootstrap下拉列表

前端之家收集整理的这篇文章主要介绍了javascript – Rails:用ajax填充bootstrap下拉列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前有一个显示通知的下拉列表
<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>

ul下拉列表为空,但点击链接后我想用rails中的数据填充菜单.

我目前在notifications.js.erb中有这个

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

通常我会将下拉链接设置为远程,但由于我使用的是bootstrap的下拉列表,因此没有请求发送到notifications.js.erb.如何在那里手动调用代码

解决方法

我会添加JavaScript代码来进行调用
$(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"
           });
        }
    });
});

您也可以使它异步并暂时将加载图标放入菜单中…

猜你在找的Ajax相关文章