Question

我为摄影师建立照片存档网站，每个页面顶部都有一个搜索栏。这非常有用，因为您只需点击里面的文字（其中显示：＆＃34;搜索档案...＆＃34;），这样您就可以输入搜索词组。

网站：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>

如果这不起作用，那么在某个地方会出现另一个问题，但是作为一种解决方法可以将侦听器放在所有代码之后（在文件末尾创建一个脚本标记，它会起作用）

如何在运行脚本的情况下修复此表单？

1 个答案: