jquery - 未捕获的类型错误：对象 [object Object] 没有“on”方法

Question

我做了一个函数 appendScript 将在按钮单击事件上调用我的函数代码是

function appendScript()
{var v_js;
var head= document.getElementsByTagName('head')[0];
      v_js = document.createElement('script');
    v_js.type = 'text/javascript';
v_js.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js';
    head.appendChild(v_js);
var body = document.getElementsByTagName('body')[0];
v_js =document.createElement('script');
v_js.type="text/javascript" ;
v_js.src = "//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/js/bootstrap.min.js";

body.appendChild(v_js);
var v_css= document.createElement('link');
v_css.rel= "stylesheet";
v_css.type = "text/css" ;
v_css.href="http://twitter.github.io/bootstrap/1.4.0/bootstrap.min.css"
body.appendChild(v_css);
}

当我单击按钮时出现错误

Uncaught TypeError: Object [object Object] has no method 'on' bootstrap.min.js:6
(anonymous function) bootstrap.min.js:6
(anonymous function)

任何人都可以帮助如何解决这个错误？

Answer 1

您的 JQuery(1.5.2) 和 Bootstrap (2.3.2) 版本不兼容。升级您的 Jquery 版本。Bootstrap 正在寻找on()您的版本（1.5.2）中不可用的内容。.on()可从 jquery 1.7+ 版本获得。所以尽量升级到最新版本。

当您下载最新版本的boostrap(2.3.2)时，它会为您提供 1.9.1 版本的 jquery 以及软件包，因此您可能需要尝试至少升级到该版本以确保一切正常。