jQuery UI nicht laden

Meinem test-div ist unten. Wenn ich dies alles in eine eigene Seite, funktioniert alles perfekt. Wenn Sie legen Sie es auf meine Letzte Seite, bekomme ich eine Fehlermeldung, dass datepicker() nicht definiert ist.

Wie finde ich heraus, was die Ursache für jQuery UI zu brechen?

<div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

<link type="text/css" href="../css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" />

<script type='text/javascript'>
$(document).ready(function() {

    //for calendar
    $("#date_to").datepicker();
    $("#date_from").datepicker();
    //end for calendar
})
</script>

<input id='date_to'>
<input id='date_from'>
</div>
  • Scheint zu funktionieren hier: jsfiddle.net/Vvmxx. Ich würde davon ausgehen, kann es einige andere code in Ihre Seite, die zu einem Fehler führt und das datepicker-Fehler ist ein Nebenprodukt.
  • Können Sie entweder auf die Quelle oder den link zu der Seite? Auch nicht, was die Konsole zu sagen? Nur jQuery.ui undefined?
  • Ich Stimme mit @RoryMcCrossan, dass der datepicker ist ein Nebenprodukt.
  • Dies ist wahrscheinlich nicht auf Ihr Problem beziehen, aber: es ist eine gute Angewohnheit, laden Sie Ihre stylesheets vor, die Ihre Skripts, und setzen beide in Ihrem Dokument ist <head>.
  • Ich kann leider nicht den link zu der endgültigen produzieren (nach einer Anmeldung). Meine Frage ist: welche tools kann ich verwenden/Methoden sollte ich versuchen zu isolieren, die Fehler machen und herausfinden, was falsch ist. Die Konsole sagt nur, dass der datepicker ist nicht definiert.
  • Verwenden Sie firebug und Schritt durch den javascript-und lassen Sie uns wissen, wenn Sie sehen, was out-of-Platz.
  • Dinge zu prüfen: Sind Sie immer irgendwelche anderen Fehler in der Konsole? Sind alle Ihre javascript-Dateien laden, ohne Fehler? Sie haben keine konkurrierenden javascript-Bibliotheken, die "brechen" Sie die $? Prototyp zum Beispiel konkurrieren können mit jquery.

InformationsquelleAutor Oliver I | 2012-04-03
  1. 18

    Sicherzustellen, dass Sie nicht versehentlich Referenz jQuery zweimal ein. Ich hatte eine ältere version von jQuery laden nach dem jQuery-UI, das war Abstützung Dinge. =/

    • Hatte gerade ein ähnliches problem: das laden von jQuery UI zweimal bricht abwerfbaren für den ersten Punkt es (zumindest das ist, wie es schien).
    • Ich möchte hinzufügen, dass ich hatte eine andere Bibliothek laden Sie die ältere version von jQuery auf meine eigene Referenz. Das ist, warum es nicht so leicht entdeckt.
    • Wenn Sie DataTables mit der Download Builder, WISSEN Sie, OB ODER NICHT Sie sind, einschließlich der jQuery-option mit DataTables. Wenn Sie sind, nicht enthalten die jQuery-unabhängig. Wenn Sie nicht sind, MÜSSEN Sie die jQuery-unabhängig. Dieser brannte mir! Danke für den Tipp.
    InformationsquelleAutor JoshNaro
  2. 0

    Sicher sein, dass, wenn Sie erstellen Sie Ihre jQuery-UI-Paket hier: http://jqueryui.com/download, wählen Sie das element Datepicker. Ich sah, dass Sie die version gehostet, die von Google, es funktioniert gut hier, Sie bieten es: jQuery-UI-Datepicker-1.8.18 (den Quellcode anschauen). Um herauszufinden, was die Ursache jQueryUI zu brechen, neben-debugging:

    • Test an jsfiddle.net;
    • Test in anderen lokalen Umwelt (anderen Browsern auch);

    Hoffe, es hilft.

    InformationsquelleAutor Leonardo Barbosa
Schreibe einen Kommentar