Как исправить эту форму при запуске скрипта?

Question

Я создаю сайт фотоархива для фотографа, а на верхней части каждой страницы находится панель поиска. Это очень полезно, так как вам нужно только щелкнуть по тексту внутри (в котором говорится: «Поиск в архиве ...»), чтобы вы могли вводить свои поисковые фразы.

Сайт: bit.ly/1RB1VCv (прямая ссылка на - теперь - скрытые страницы)

Поскольку я добавил ползунок на главную страницу (JavaScript), панель поиска, кажется, частично перепутались (я теперь нужно удалить текст, а не просто щелкнуть по нему).

Я попытался определить, какая часть была причиной проблемы путем удаления некоторых частей слайдера кода, который я поставил между телом-тегов в индексном файле:

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

Не уверен, если это какая-то полезно, но это будет частью из файла заголовка в отношении строки поиска:

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

Является ли это очевидной ошибкой, которую я делаю? Это что-то, что можно решить очень просто? Я попытался посмотреть как Stackoverflow, так и Google, если бы мог найти похожие проблемы, но это не очень помогло мне.

Мне нравится слышать ваши мысли, и если вам нужен какой-либо другой код.

Спасибо!

Answer 1

Код немного беспорядок, но я думаю, проблема в том, что вы помещаете JQuery в середину, и это разрушает ваш public.min.js, заставляя его пытаться добавить функцию в JQuery (clicktoggle) , Так что слушатель не называют:

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

В основном, попытайтесь поместить этот Jquery тег перед тегом сценария, который вызывает ваш public.min.js

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

Если это Безразлично» t, есть еще одна проблема, но, как обходной путь, можно просто положить слушателя после всего кода (создать тег скрипта в конце вашего файла, он будет работать)