Lukas_sp: Tablesorter-Einbindung HTML Template

problematische Seite

Hallo,

ich möchte einen Tablesorter in ein HTML-Template einbauen. Das Tablesorter-Skript habe ich in einer Mini-HTML-Datei (nur die Tabelle) getestet, wo es auch funktionierte. Dann wollte ich dieses in das Template einbauen, doch scheinbar konkurrieren die Zuweisungen für Javascript.

Folgendes ist von Beginn an im Template enthalten:

<!-- <<Attched Javascripts>> -->
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>
<script type="text/javascript" src="js/global.js"></script>
<script type="text/javascript" src="js/modernizr.js"></script>
</body>
</html> 

Nun wollte ich noch die nötigen Zeilen für meine Tabelle hinzufügen:

<!-- <<Attched Javascripts>> -->
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>
<script type="text/javascript" src="js/global.js"></script>
<script type="text/javascript" src="js/modernizr.js"></script>

<script type="text/javascript" src="js/jquery-latest.js"></script> 
<script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>
<link rel="stylesheet" href="themes/flick/jquery-ui.min.css" type="text/css" media="print, projection, screen"/>

</body>
</html>

Doch dann funktioniert weder das ordnen der eingefügten Tabelle noch das von Beginn an im Template enthaltene "sudo.slider". Scheinbar blockieren sich die Zuordnungen gegenseitig. Kann mir jemand helfen?

Vielen Dank im Voraus.

  1. Hallo

    ich möchte einen Tablesorter in ein HTML-Template einbauen. Das Tablesorter-Skript habe ich in einer Mini-HTML-Datei (nur die Tabelle) getestet, wo es auch funktionierte. Dann wollte ich dieses in das Template einbauen, doch scheinbar konkurrieren die Zuweisungen für Javascript.

    <!-- <<Attched Javascripts>> -->
    <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>
    <script type="text/javascript" src="js/global.js"></script>
    <script type="text/javascript" src="js/modernizr.js"></script>
    
    <script type="text/javascript" src="js/jquery-latest.js"></script> 
    <script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>
    <link rel="stylesheet" href="themes/flick/jquery-ui.min.css" type="text/css" media="print, projection, screen"/>
    
    </body>
    </html>
    

    Doch dann funktioniert weder das ordnen der eingefügten Tabelle noch das von Beginn an im Template enthaltene "sudo.slider". Scheinbar blockieren sich die Zuordnungen gegenseitig. Kann mir jemand helfen?

    Nimm die sich bockierenden Skripte heraus. Vermutlich sind dies die beiden Einbindungen von JQuery („jquery-1.11.0.min.js“ und „jquery-latest.js“). Da „jquery-latest.js“ die aktuellere version sein sollte, stelle diese Einbindung an den Anfang (nimm sie auch weiter hinden weg) und teste mit dieser Konfiguration.

    Tschö, Auge