ajax调用后，Bootstrap下拉列表不起作用（即使重新初始化后）

我通过stackoverflow扫描并了解它是否需要刷新ajax .load（）的下拉列表…但是不确定这是如何工作的，因为单击下拉列表两次或三次它再次停止..：/

jQuery的

$(document).ready(function () { $("#ios").click(function(){ $("#maincontent").load("ios.html",function(){ $(".dropdown-toggle").dropdown(); }); }); }); 

HTML

  
 
 Smart Phones  
 
Android
 
IOS
 
Windows
 
 
  

Answer 1

这是一个大约一年的问题，但我有类似的麻烦，可以搞清楚。 所以我会在几个小时的搜索后分享我学到的东西。 一个重要的事实是jquery应该包含在bootstrap之前。 订单很重要。 这是我测试的。

我的https://stackoverflow.com/questions/34330227/bootstrap-dropdown-doesnt-work-after-ajax-call-even-after-reinitializing/index.html文件是

              
 Test is working!!!   

1. 请注意，jquery javascript和bootstrap css以及javascript都包含在head tagg中。 正如我之前所说，订单非常重要。

2. 头标记和load（）语句中包含的jQuery AJAX调用用于调用导航菜单nav_menu2.html。

我的nav_menu2.html是

   
 
 
 Homepage 
 
 
Home
 
CLASS 
 
Physics
 
Chemistry
 
Calculus
 
English
 
Orchestra
 
PE
 
 
 
SPORTS 
 
Tennis
 
Swimming
 
Baseball
 
 
 
 
 
 

最后，我把代码

在身体标签。 我测试过并且有效。