web-dev-qa-db-ja.com

エラーの取得：Uncaught TypeError：undefined is not a function bootstrap.js：29（anonymous function）bootstrap.js：29（anonymous function）

次のエラーが表示されます

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

開発者コンソールのvisualforceページで。統合しようとしていますTwitter-bootstrap in 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

誰でも間違っているかもしれないことにいくつかの光を投げることができます。

jqueryhtmltwitter-bootstrapvisualforce
21
iJade

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の両方は必要ないことに注意してください

38
anderssonola

これは、bootstrap.jsの前にjquery.jsを含める場合に発生する可能性があります。そのため、jQueryの前にbootstrapを含めるようにしてください。

他にも確認することがあります。

また、もう1つの可能性として、ページにjQueryのインスタンスが複数存在する可能性があります。したがって、jQueryの重複バージョンを検索し、存在する場合は削除します。

詳細については、以下のリンクを検索してください。

他のライブラリとの競合の回避

1
Rahul Nikate