未捕获的TypeError:对象[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()可从1.7版本的jquery获得.因此,请尝试将其升级到最新版本.

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