如何在運行腳本的情況下修復此表單？

Question

我正在為攝影師建立一個照片檔案網站，在每個頁面的頂部都有一個搜索欄。 它非常有用，因為您只需單擊里面的文本（上面寫着：“搜索檔案...”），這樣您就可以輸入搜索詞組。

網站：bit.ly/1RB1VCv（直接鏈接到 - 現在 - 隱藏頁面）

由於我在主頁上添加了一個滑塊 (javascript)，搜索欄似乎被部分搞亂了（我現在必須刪除文本而不是僅僅點擊它）。

我試圖通過刪除我放在索引文件中的 body-tags 之間的滑塊代碼的某些部分來確定哪個部分引起了問題：

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

如果這不起作用，那么某處還有另一個問題，但作為一種解決方法，可以將偵聽器放在所有代碼之后（在文件末尾創建一個腳本標記，它將起作用）