Bu formu çalışan bir betikle nasıl düzeltirim?

Question

Bir fotoğrafçı için fotoğraf arşivi web sitesi yapıyorum ve her sayfanın üstünde bir arama çubuğu var. Oldukça kullanışlıdır, çünkü içerideki metne tıklamanız yeterlidir (ki bu da "Arşivi ara ..." diyor) böylece arama ifadelerinizi girebilirsiniz.

Web sitesi: bit.ly/1RB1VCv (doğrudan bağlantı - şimdi - gizli sayfa) Ben ana sayfada (javascript) için bir kaydırıcı eklendi beri arama çubuğu kısmen berbat görünüyor

(I şimdi sadece tıklamak yerine metni silmek zorundasınız).

Ben dizini dosyasında vücut etiketlerinin arasına koymak kaydırıcı kod belirli bölümlerini silerek olarak sorun yaratan hangi bölümünün belirlemeye çalıştı: herhangi yararlı olup olmadığını

<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> 

emin değil, ancak bu

<div id="searchBar"> 
{* Header Search Box Area *} 
{if $config.settings.search} 
    <form action="{linkto page="search.php"}" method="get" id="searchFormTest"> 
    <input type="hidden" name="clearSearch" value="true"> 
    <div class="headerSearchBox"><input type="text" id="searchPhrase" name="searchPhrase" class="searchInputBox" value="{$lang.enterKeywords}"></div> 
    {if $currentGallery.gallery_id}<div class="headerSearchBox headerSearchBoxCG"><input type="checkbox" name="galleries" id="searchCurrentGallery" value="{$currentGallery.gallery_id}" checked="checked"> <label for="searchCurrentGallery">{$lang.curGalleryOnly}</label></p></div>{/if} 
    <div class="eyeGlass"></div> 
    <div class="headerSearchBox headerSearchBoxOption"><a href="{linkto page='search.php'}">{$lang.advancedSearch}</a></div> 
    </form> 
{/if} 

bu ben yapıyorum bariz hata mı: arama çubuğuna açısından başlık dosyasından parçası olurdu? Gerçekten basit bir şekilde çözülebilecek bir şey mi? Benzer sorunları bulabilseydim hem Stackoverflow hem de Google'a bakmaya çalıştım ama bu bana fazla yardımcı olmadı.

Düşüncelerinizi ve başka bir koda ihtiyacınız varsa duymak isterim.

Teşekkür ederiz!

Answer 1

Kod biraz karışıklık ama bence sorun ortada bir JQuery koyuyor ve public.min.js'yi bozuyor, çünkü JQuery'ye (clicktoggle) bir işlev eklemeyi deniyor . Yani bu dinleyici çağrıldığını değildir:

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

Temelde, bu kokan Eğer public.min.js çağıran komut etiketi ÖNCE

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

bu jquery etiketi koymak deneyin t iş, başka bir sorun var, ama bir çözüm olarak sadece tüm kodu sonra dinleyici koymak (dosya sonunda bir komut dosyası etiketi oluşturmak, işe yarayacak)