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

Twitter Bootstrap Dropdown加载Ajax内容

2 个答案: