Question

我收到以下错误

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

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

中

这是完整的视觉力量代码

    <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

页面的链接

任何人都可以对可能出错的事情有所了解。

Answer 1

在包含bootstrap js-file之前，需要包含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

Answer 2

如果您在bootstrap.js之前加入jquery.js，可能会导致此问题。因此，请确保在jQuery之前加入bootstrap。

还有其他事情需要检查。

还有一个可能的情况是，可能有多个实例页面中的jQuery。所以搜索jQuery和的重复版本如果有的话，删除它们。

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

Avoiding Conflicts with Other Libraries

获取错误：未捕获TypeError：undefined不是函数bootstrap.js：29（匿名函数）bootstrap.js：29（匿名函数）

2 个答案: