web-dev-qa-db-fra.com

Obtention d'erreur: Type non récupéréError: undefined n'est pas une fonction bootstrap.js: 29 (fonction anonyme) bootstrap.js: 29 (fonction anonyme)

Je reçois l'erreur suivante

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

dans ma page visualforce dans la console développeur. J'essaie d'intégrer Twitter-bootstrap dans Visualforce

Voici le code de force visuel complet

    <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>

Voici un lien vers la page jady-developer-edition.ap1.force.com

Quelqu'un peut-il éclairer ce qui pourrait mal se passer?.

jqueryhtmltwitter-bootstrapvisualforce
21
iJade

Vous devez inclure jquery avant d'inclure le fichier js bootstrap.

<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>

notez que vous n'avez pas besoin à la fois de bootstrap.js et de bootstrap.min.js

38
anderssonola

Cela peut être dû au fait que vous incluez bootstrap.js avant jquery.js. Assurez-vous donc que vous incluez jQuery avant bootstrap.

Il y a d'autres choses à vérifier.

Un autre cas possible est également, il pourrait y avoir plusieurs instances de jQuery dans la page. Recherchez donc une version en double de jQuery et supprimez-les s'il y en a.

Trouvez le lien ci-dessous pour plus d'informations.

Éviter les conflits avec d'autres bibliothèques

1
Rahul Nikate