Recibiendo el error : Uncaught TypeError: indefinido no es una función de bootstrap.js:29 (función anónima) bootstrap.js:29 (función anónima)

Me da el siguiente error

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

en mi visualforce página en la consola para desarrolladores.Estoy tratando de integrar twitter-bootstrap en Visualforce

Aquí es la fuerza visual de código

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

Aquí hay un enlace a la página jady-developer-edition.ap1.force.com

Puede arrojar algo de luz sobre lo que podría estar equivocado.

  • Así que lo que está alrededor de la línea 29?
InformationsquelleAutor iJade | 2013-01-23

2 Kommentare

  1. 38

    Deberá incluir jquery antes de incluir el js de bootstrap-archivo.

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

    tenga en cuenta que usted no necesita tanto bootstrap.js y bootstrap.min.js

    • dat es wat he hecho.compruebe el código de arriba
    • jady-developer-edition.ap1.force.com … en la fuente, el bootstrapfile se incluye antes de jquery
    • Pero en mi código que me han dado de arriba..no sé el por qué de su representación de esa manera
    • Yo no estoy familiarizado con fuerza visual, pero su no inclusión de jquery lib con «apex:includeScript»
    • ok gracias dat ayudado…refiriéndose directamente no funcionaba…me he referido como yo incluido otros scripts
    • gracias estaba atascado en esto por una hora ! :/

  2. 1

    Esto puede ser causado si se están incluyendo bootstrap.js antes de jquery.js.
    Así que asegúrese de que usted está incluyendo jQuery antes de bootstrap.

    Hay otras cosas para ver.

    También uno de los más de los casos, es decir, podría haber varias instancias de
    jQuery en la página. Así que la búsqueda de un duplicado de la versión de jQuery y
    quitar si es que hay alguno.

    Encontrar a continuación el enlace para más información.

    Evitar Conflictos con Otras Bibliotecas

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea