jquery - 单击时搜索框消失

Question

我有一个滑动图像面板，它使用

$('input').click(function() {
$(this).parent().slideUp();

不幸的是，滑动面板上的输入部分导致页面顶部的搜索框在单击时消失，因为搜索表单使用“输入类型=“文本”等。有没有办法解决这个问题？这里是代码这使得滑动面板工作http://jsfiddle.net/pcD8D/7/

搜索表单的代码是：

            <!--BEGIN #searchform-->
            <form class="searchform" method="get" action="<?php bloginfo( 'url' ); ?>">
                <input type="text" class="textBox" name="s" onclick="this.value=''"   value="Enter your search" tabindex="1" />
                                    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/clearBtn.png" width="17" height="17" class="cancelBtn" alt="ClearBtn" />
            <!--END #searchform-->
            </form

谢谢

Answer 1

使您的选择器更具体地针对您想要的输入：

$("#team_section .team_member_photo").next().hide().append('<input type="button" value="close" name="close" />');

$("input[name=close]").click(function() {
    $(this).parent().slideUp();
});