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版本吗？

您应该尝试使用bootstrap的debugversion来获取有关未定义内容的更多信息。

 Working sample

See fiddle

Answer 2

我也正面对这个问题。你的代码中没有问题..你试着加载bootstrap.css和bootstrap.min.css这只会引发像bootstrap中的未定义函数这样的问题。如果你删除任何引导程序文件。错误将被清除。

未捕获的TypeError：undefined不是函数bootstrap.min.js：6

2 个答案: