Wie behebe ich dieses Formular mit einem laufenden Skript?

Question

Ich baue eine Fotoarchiv-Website für einen Fotografen und oben auf jeder Seite gibt es eine Suchleiste. Es ist sehr nützlich, da Sie nur auf den Text klicken müssen (der sagt: "Durchsuchen Sie das Archiv ..."), so dass Sie Ihre Suchbegriffe eingeben können.

Website: bit.ly/1RB1VCv (Link zu der - jetzt - versteckten Seite)

Da ich einen Schieberegler auf die Homepage (Javascript) hinzugefügt, die Suchleiste scheint teilweise vermasselt werden (I Jetzt muss der Text gelöscht werden, anstatt nur darauf zu klicken).

Ich habe versucht, zu bestimmen, welcher Teil Probleme verursacht durch bestimmte Teile des Schiebers Code Löschen ich zwischen den Body-Tags in der Indexdatei setzen:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
     <script src="js/jquery.slides.min.js"></script> 
     <script> 
     $(function() { 
      $('#slides').slidesjs({ 
      width: 1000, 
      height: 300, 
      play: { 
       active: true, 
       auto: true, 
       interval: 4000, 
       swap: true 
      } 
      }); 
     }); 
     </script> 

Nicht sicher, ob es irgendwelche hilfreich ist, aber das wäre das Teil aus der Header-Datei in Bezug auf die Suchleiste:

Ist das ein offensichtlicher Fehler, den ich mache? Ist das etwas, das wirklich einfach gelöst werden kann? Ich habe versucht, sowohl Stackoverflow als auch Google anzuschauen, wenn ich ähnliche Probleme finden könnte, aber das hat mir nicht viel geholfen.

Ich höre gerne Ihre Gedanken und wenn Sie einen anderen Code benötigen.

Vielen Dank!

Answer 1

Der Code ist ein bisschen Chaos, aber ich denke, das Problem ist, dass Sie eine JQuery in der Mitte setzen und es ruiniert Ihre public.min.js, weil es versucht, eine Funktion zu JQuery hinzufügen (das Click-toggle) . So wird diese Hörer nicht aufgerufen wird:

$('.searchInputBox').click(function(){ $(this).val(''); });

Grundsätzlich versuchen, dieses jquery-Tag, bevor das Skript-Tag zu setzen, die Ihre public.min.js ruft

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

Wenn diese doesn‘ t arbeiten, gibt es ein anderes Problem irgendwo, aber als Workaround könnte nur den Listener nach all dem Code (erstellen Sie ein Skript-Tag am Ende der Datei, es wird funktionieren)