Posible conflicto entre los archivos JS de una plantilla

quico5 · #1 (**permalink**) 26/05/2015, 11:53

Me he bajado esta plantilla de Bootstrap usando solo sus CSS/JS y compañia:
http://startbootstrap.com/template-o...ws/clean-blog/

Le agrego cualquier formulario y al pulsar enviar me devuelve errores de JS, y el boton no envia nada, parece un conflicto

Código HTML:

<form action="http://www.librosweb.es/maneja_formulario.php" method="get">
  Escribe tu nombre:
  <input type="text" name="nombre" value="" />
 
  <br/>
 
  <input type="submit" value="Enviar" />
</form>

Cita:

Uncaught TypeError: Cannot read property 'indexOf' of undefined$.jqBootstrapValidation.submitSuccess @ clean-blog.js:25(anonymous function) @ clean-blog.js:155jQuery.event.dispatch @ jquery.js:4409jQuery.event.add.elemData.handle @ jquery.js:4095

PHPeros · #2 (**permalink**) 26/05/2015, 12:53

Prueba a usar noConflict de jQuery.

quico5 · #3 (**permalink**) 26/05/2015, 15:14

Su pongo que te refieres a incomunicar los Scripts entre si...
Pero supongo que clean-blog depende de bootstrap y bootstrap depende de jQuery

Scripts de Clean_Blog

Código HTML:

 <!-- jQuery -->
	<script src="<?= base_url('clean_blog/js/jquery.js') ?>"></script>
	<!-- Bootstrap Core JavaScript -->
	<script src="<?= base_url('clean_blog/js/bootstrap.min.js') ?>"></script>
	<!-- Custom Theme JavaScript -->
	<script src="<?= base_url('clean_blog/js/clean-blog.min.js') ?>"></script>

Ejemplo noConflict:

Código HTML:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.noConflict demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<div id="log">
  <h3>Before $.noConflict(true)</h3>
</div>
<script src="https://code.jquery.com/jquery-1.6.2.js"></script>
 
<script>
var $log = $( "#log" );
 
$log.append( "2nd loaded jQuery version ($): " + $.fn.jquery + "<br>" );
 
// Restore globally scoped jQuery variables to the first version loaded
// (the newer version)
 
jq162 = jQuery.noConflict( true );
 
$log.append( "<h3>After $.noConflict(true)</h3>" );
$log.append( "1st loaded jQuery version ($): " + $.fn.jquery + "<br>" );
$log.append( "2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>" );
</script>
 
</body>
</html>