Question

我有一个主菜单是一个列表。在此列表的最后一项上添加一个类'navitemsearch'。

$(document).ready(function () {
    $('.cf li:last-child span').addClass('navitemsearch');
    $('.cf li:last-child a').attr('id', 'link');
    $('#link').attr('href', '#');

    $('.navitemsearch').click(function() {
        $('#searchAreaDiv').slideToggle();       
    })
    return false;   
});

HTML然后看起来像这样：

<div id="nav-main">
 <ul>
  <li></li>
  <li></li> 
  <li></li> 
  <li></li>  
  <li><a href="#" id="link"><span class="navitemsearch">Sök</span></a>
  </li>
 </ul>
</div>
<div class="searchAreaDiv">....</div>

我的问题是，点击'navitemsearch'之后，文字'Sök'就消失了。点击页面上的任何位置后，文本'Sök'再次出现。

点击链接后，不怎么办才能消失？

Answer 1

这个可能因为slideToggle()在这里发生了

 $('.navitemsearch').click(function() {
     $('#searchAreaDiv').slideToggle();       
 })

您告诉我每次点击课程navitemsearch时，整个搜索区域都应切换（显示/隐藏）。由于您将此类添加到span，因此每次单击时都会调用事件处理程序并切换searchAreaDiv。

跨度中的文本消失

1 个答案: