js 1 werkt, js2 ook, maar niet tesamen...

[cadsite]

Ik ben bezig een basis site te maken als redelijke leek:
http://www.dheulebeek.be

Onder de knop "overzicht" heb ik een overzicht van de appartementen. Hiervoor gebruik ik een js om de tabel te kunnen sorteren. Dit werkte totdat ik de pagina "omgeving" maakte met een eenvoudige slideshow.

De slideshow werkt, maar het sorteren wil niet meer lukken. Er zal dus waarschijnlijk ergens een conflict zijn, maar ik begrijp niet wat.

Een goede ziel de me wil helpen?

 

[Tha Devil]

Deze melding krijg ik direct in de console van Chrome wanneer ik bovenstaande link open

Uncaught TypeError: undefined is not a function index.php?p=start:27

Regel 27 is dit:
[js]$("table").tablesorter({[/js]

Een aantal dingen vallen mij op:

• Twee keer jQuery inladen (1x jquery-latest.js en 1x via de CDN van Google http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js)
• Twee verschillende initialisaties van jQuery: jQuery(function($) { en $(document).ready(function() {

Beide punten hoeven maar 1x te gebeuren, dus 1x jQuery inladen (Zorg dat je een versie pakt die door beide scripts ondersteunt worden) en 1x de initialisatie van de scripts.

 

[cadsite]

Allereerst bedankt om mijn probleem te bekijken!

Ik ben wat thuis in html en css, php zo goed als niet en javascript is voor mij totaal onbekend terrein.

Ik heb even getracht om de laatste versie van jquery in te laden en de jquery-latest.js weg te laten, maar dan werkt nog steeds enkel het fotoboek.

Het sorteren werkt enkel als ik die google jquery niet inlaad, maar die heb ik nodig voor het fotoboek...

Je andere opmerking betreffende het initialiseren is rederlijk chinees voor mij. Ik denk dat ik het sorteren ga laten voor wat het is.

 

[Tha Devil]

Verander dit:

<script type="text/javascript" src="jquery-latest.js"></script> 
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<link rel="stylesheet" href="dheulebeek.css" type="text/css" media="screen">

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<script src="sss.min.js"></script>
<link rel="stylesheet" href="sss.css" type="text/css" media="all">

<script>
jQuery(function($) {
$('.slider').sss();
});
</script>
<script type="text/javascript" id="js">$(document).ready(function() {
	// call the tablesorter plugin
	$("table").tablesorter({
		// sort on the first column and third column, order asc
		sortList: [[0,0],[2,0]]
	});
}); </script>

eens door dit:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script src="sss.min.js"></script>

<link rel="stylesheet" href="dheulebeek.css" type="text/css" media="screen">
<link rel="stylesheet" href="sss.css" type="text/css" media="all">
<script type="text/javascript" id="js">
$(document).ready(function() {
    $('.slider').sss();
    // call the tablesorter plugin
	$("table").tablesorter({
		// sort on the first column and third column, order asc
		sortList: [[0,0],[2,0]]
	});
});
</script>

 

[cadsite]

Super!!

Dank je wel, dit werkt perfect.