jquery - Twitter Boostrap 下拉加载 Ajax 内容

Question

我不知道如何在打开 Bootstrap 下拉菜单时将内容加载到其中。单击触发器时，我什至无法让它记录某些内容。

<span class="dropdown">
  <a class="btn btn-mini btn-info dropdown-toggle insert-gallery" id="dLabel" role="button" data-media-id="50" data-toggle="dropdown" href="#">
    Add To Gallery
    <b class="caret"></b>
  </a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"></ul>
</span>

$('.insert-gallery').on('click', function(){
  var media_id = $(this).data('media-id');
  console.log(media_id);
  console.log('click');
});

控制台不记录任何内容...

Answer 1

Ok 找到了解决方法，因为插件当前在单击事件上返回 false。

删除数据切换和以下内容：

$(document).on("click", ".dropdown-toggle", function(event) {
  // Ajax actions here 
  $(this).attr("data-toggle", "dropdown").click();
});

Answer 2

这是下拉插件的破解版本，它发布到 href 并在请求中发布内联数据属性。

http://pastebin.com/fRWJaL6L