Uncaught TypeError：未定义不是函数bootstrap.min.js：6

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 = "//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.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');

    body.appendChild(v_css);

    interval=self.setInterval(function(){  if(jQuery && typeof $().modal ==  'function')
        {

            window.clearInterval(interval);

            //create a div in the body which we will use for our dialog.
            $(document.getElementsByTagName('body')[0]).append('<div id="myModal"  class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"   aria-hidden="true"><div class="modal-header"><button type="button" class="close"  data-dismiss="modal" aria-hidden="true">×</button><h3 id="myModalLabel">Modal header</h3></div><div class="modal-body"><p>One fine body…</p></div><div  class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">Close</button><button class="btn btn-primary">Save changes</button></div></div>');

            $('#myModal').modal('show')
            //setTimeout is non blocking (basically async) so lets put our apex call in a timeout so it doesn't
            //stop our dialog from showing.

         }

    }
,300);                           

}

我面临的错误是

Uncaught TypeError: undefined is not a function bootstrap.min.js:6
(anonymous function) bootstrap.min.js:6
(anonymous function) bootstrap.min.js:6

Answer 1

我看不到您的代码中的任何问题。 我做了简单的提琴，使您的代码可以正常工作。

您确定使用的是最新的jQuery版本吗？

您应该尝试调试引导程序的调试版本，以获取有关未定义内容的更多信息。

 Working sample

见小提琴

Answer 2

确实也遇到了这个问题。您的代码中没有问题。尝试加载bootstrap.css和bootstrap.min.css只会引发类似bootstrap中未定义函数的问题。如果删除任何bootstrap文件。 错误将被清除。