21

我收到以下错误

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

在我的开发者控制台页面中。我正在visualforce尝试集成twitter-bootstrapVisualforce

这是完整的视觉力代码

    <apex:page standardStylesheets="false" showHeader="false" sidebar="false">
    <!-- Begin Default Content REMOVE THIS -->

    <head>
        <apex:stylesheet value="{!URLFOR($Resource.bootstrap, 'bootstrap/css/bootstrap.css')}"
        />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"
        type="text/javascript"></script>
        <apex:stylesheet value="{!URLFOR($Resource.bootstrap, 'bootstrap/css/bootstrap.min.css')}"
        />
        <apex:includeScript value="{!URLFOR($Resource.bootstrap, 'bootstrap/js/bootstrap.js')}"
        />
        <apex:includeScript value="{!URLFOR($Resource.bootstrap, 'bootstrap/js/bootstrap.min.js')}"
        />

    </head>

    <body>
        <div id="force">
            <div class="input-append" align="center" style="padding-top:20px;">
                <input type="text" name="q" class="span2 search-query" placeholder="Snipp or Tag"
                />
                <button type="submit" class="btn">Search</button>
                <div class="pull-right">
                    <button class="btn btn-primary active"><i class="icon-white icon-plus"></i> A</button>
                    kjhkjdfgdgdfgdfgdfgdfgdgfgdfg
                    <button class="btn btn-primary active"
                    style="margin-right:50px;"><i class="icon-white icon-bullhorn"></i> Fee</button>
                </div> 
            </div>
        </div>
    </body>
</apex:page>

这是页面的链接jady-developer-edition.ap1.force.com

任何人都可以阐明可能出了什么问题。

4

2 回答 2

38

在包含引导 js 文件之前，您需要包含 jquery。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="/resource/1358914798000/bootstrap/bootstrap/js/bootstrap.js"></script>

请注意，您不需要 bootstrap.js 和 bootstrap.min.js

于 2013-01-23T13:38:29.287 回答
1

如果您包含bootstrap.jsbefore ，则可能会导致此问题jquery.js。因此，请确保您包含jQuerybefore bootstrap。

还有其他事情要检查。

还有一种可能的情况是，页面中可能有多个 jQuery 实例。因此，搜索 jQuery 的重复版本并删除它们（如果有）。

查找以下链接以获取更多信息。

避免与其他库的冲突

于 2015-08-14T13:36:54.713 回答