Discussion :

[gueguenk]

Bonjour à tous

Je viens écrire ici car j'ai un problème que je n'arrive pas à résoudre.
Un conflit Jquery qui se trouve au niveau des déclaration de script.

Mes deux script fonctionnent bien seul.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$(document).ready( function () {	
	$( "input[type=submit], a, button" ).button();
	$( "#dt1" ).datepicker();
	$( "#dt2" ).datepicker();
	$('#niveau').autocomplete({source : 'niveaux.php'});
	$('#niveau > input.ui-autocomplete-input').css('width',      '300px');
} );

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$(document).ready( function () {
	$('#table_id').dataTable();
	var oTable = $('#table_id').dataTable();
	oTable.fnSort( [ [0,'desc'] ] );
} );

Mais des que je veux les associés sur la même page la ça bloque
Seul le tableau apparaît les autre se change en input classique

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
$(document).ready( function () {
	$('#table_id').dataTable();
	var oTable = $('#table_id').dataTable();
	oTable.fnSort( [ [0,'desc'] ] );
	$( "input[type=submit], a, button" ).button();
	$( "#dt1" ).datepicker();
	$( "#dt2" ).datepicker();
	$('#niveau').autocomplete({source : 'niveaux.php'});
	$('#niveau > input.ui-autocomplete-input').css('width', '300px');
} );

Avez vous déjà eu ce genre de cas ?

Merci

[gueguenk]

Le problème venait des délectation des .js

Il y avait conflit entre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

Et celui fournis avec le datatable

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<script src="js/jquery.js"></script>

Il faut supprimer le deuxième et c'est bon