2013-05-13 71 views
0

我有一個使用搜索框消失

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

一個滑動的圖像面板不幸的是,滑動面板上的輸入部分使搜索框位於頁面頂部的消失的時候,因爲搜索表單點擊?使用「輸入型=」文本」等,是有辦法來解決這個問題下面是使滑動面板工作http://jsfiddle.net/pcD8D/7/

,爲searchform代碼的代碼是:

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

感謝

回答

2

讓您選擇更具體的目標只是你想要輸入:

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

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

由於米洛,該訣竅! – 2013-05-13 15:43:02