背景:bootstrap3,jquery1.11
描述:使用bootstrap自带的由dropdown、dropdown-toggle和dropdown-menu组成的下拉菜单。平常使用都没有问题。
在使用jquery的.load方法(将其他页面动态加载到当前页面的方法)时,发现下拉菜单不能正常使用。
解决1:重新定义下拉菜单的js触发事件.
经过多次试验发现出现该问题的原因为:load的子页面中有<html><head><body>标签,猜测jquery.load方法是将页面的所有html代码加到父页面中,那么页面就存在两个html标签两个body标签,那么bootstrap中的某些方法不能使用也就可以理解。
解决2:将子页面的html、head、body标签去掉