tagsinput tag multiple bootstrap jquery html twitter-bootstrap visualforce

jquery - multiple - tags input bootstrap 4



Obteniendo error: No se detectó TypeError: undefined no es una función bootstrap.js: 29(función anónima) bootstrap.js: 29(función anónima) (2)

Debe incluir jquery antes de incluir el archivo 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>

tenga en cuenta que no necesita tanto bootstrap.js como bootstrap.min.js

Estoy recibiendo el siguiente error

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

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

Aquí está el código de fuerza visual completo

<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 alguien arrojar algo de luz sobre lo que podría estar mal?


Esto puede deberse si está incluyendo bootstrap.js antes de jquery.js . Así que asegúrate de incluir jQuery antes de bootstrap .

Hay otras cosas para comprobar.

Otro caso posible es que podría haber varias instancias de jQuery en la página. Así que busque una versión duplicada de jQuery y elimínelas si hay alguna.

Encuentre abajo el enlace para más información.

Evitar conflictos con otras bibliotecas