jquery Problem eigenes script

Thema wurde von Lsign, 14. April 2013 erstellt.

  1. Lsign

    Lsign Mitglied

    Registriert seit:
    4. März 2013
    Beiträge:
    6
    Danke erhalten:
    0
    Hallo an Alle,


    ich komme mit einem Script nicht weiter.
    Funktionieren soll es so wie da:http://jsfiddle.net/YhYcu/

    Das js hab ich in die general.js.php eingebaut.
    Code:
    $(document).ready(function() {
     
        $('input.input').on('keyup change', function() {
            $('p.display').text(': ' + $(this).val());
        });
    });
    
    den html teil (Formular) schon überall probiert - geht nicht.
    Code:
    <p class="display">Los</p>
    
    <form action="#">
    <input class="input" name="input" type="text" />
    
    </form>
    
    
    Hat jemand eine Idee dazu.
    jquery 1.8. wird doch eh schon geladen und muss ich ja nicht noch ein mal laden.

    vielen dank
     
  2. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    Warum in die general.js.php????

    Leg dir ne js an und pack den code darein.Diese legst du in /templates/EyeCandy/usermod/javascript/global/

    Damit wird das Script global geladen und ist updatessicher eingebaut!
     
  3. Lsign

    Lsign Mitglied

    Registriert seit:
    4. März 2013
    Beiträge:
    6
    Danke erhalten:
    0
    Hallo Steffen,

    hab ich alles schon hinter mir. Ich weis nicht warum das Script nicht ausgeführt wird.
    Auch wenn ich die jquery einfach mal extern dazu lade gehts nicht.
     
  4. Steffen (indiv-style.de)

    Steffen (indiv-style.de) G-WARD 2013/14/15/16

    Registriert seit:
    30. Juni 2011
    Beiträge:
    5.143
    Danke erhalten:
    1.466
    Danke vergeben:
    452
    Beruf:
    Systemadmin, Webentwickler bei Indiv-Style
    Ort:
    PhpStorm
    #4 Steffen (indiv-style.de), 14. April 2013
    Zuletzt bearbeitet: 14. April 2013
    probier mal das:
    PHP:
    $(document).ready(function() {      
        $(
    '.input').on('keyup change', function() {         
        $(
    'p.display').text(': ' + $(this).val());     
        }); 
    });
     
  5. Lsign

    Lsign Mitglied

    Registriert seit:
    4. März 2013
    Beiträge:
    6
    Danke erhalten:
    0
    geht auch nicht.
    im firefox (konsole) bekomm ich einen ReferenceError: $ is not defined
     
  6. Avenger

    Avenger G-WARD 2012/13/14/15

    Registriert seit:
    26. April 2011
    Beiträge:
    4.771
    Danke erhalten:
    1.478
    Danke vergeben:
    89
  7. Lsign

    Lsign Mitglied

    Registriert seit:
    4. März 2013
    Beiträge:
    6
    Danke erhalten:
    0
    Hallo Avenger,

    das ändert leider nix.
    Ich hab ein anderes Script probiert. Das funktionierte nur, wenn ich
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    direkt vor dem eigentlichen Script mit in die general.js.php dazu lade.
    Also scheint es so zu sein, wie von Dir ja schon öfters angemerkt, dass die jquery noch nicht geladen ist bevor mein script ausgeführt werden soll.

    Aus dem global Verzeichnis wird mein script gar nicht dazu geladen, warum weis ich nicht. Benutze v2.0.11.2 r8003

    Das nächste Problem was ich habe. Ich möchte den Inhalt eines Inputs aus dem GX-Customizer auslesen. Also z.b.
    mit $('#element_4').keyup(function() - geht aber nicht weil der GX erst später geladen wird.

    mfg.
     
  8. THR

    THR Erfahrener Benutzer

    Registriert seit:
    1. Juni 2011
    Beiträge:
    276
    Danke erhalten:
    13
    Danke vergeben:
    22
    Habe das selbe Problem. Hängt mit der älteren jquery version 1.5 im Shop zusammen.

    Hatte auch scripte im template usermod verzeichnis die nicht gingen. Erst nach einbinden der jquery 1.8 ging dann mein script. Dafür gingen dann andere Shop scripte nicht mehr. z.B. wurden die Artikelpreise im Frontend nicht mehr mit den optionspreisen addiert.

    Wäre schön wenn gambio hier eine Lösung finden könnte.

    (ja ja ... weniger ist manchmal mehr - aber es gibt schon einige js sachen die sinnvoll sein können)
     
  9. Avenger

    Avenger G-WARD 2012/13/14/15

    Registriert seit:
    26. April 2011
    Beiträge:
    4.771
    Danke erhalten:
    1.478
    Danke vergeben:
    89
    Ist das in einem $(document).ready() enthalten?