.slideDown和.click（function（）{$（“＃results”）。slideUp（“ slow”）;}）; 冲突

Question

我有：

table2.assemble = function () {
  $("#results").slideDown("slow");
  $("#fullbody").click(function() {
    $("#results").slideUp("slow");
  });
}

嵌入在#fullbody中的搜索按钮的onclick调用的函数中

window.addEventListener('load', function () {
  document.getElementById('sssearch').addEventListener('click', table2.assemble, false)
}, false);

搜索结果可以很好地滑下...但是当我第二次单击时，搜索结果立即又上滑。

div是：

<div id="results" style="display: none;">
</div>

Answer 1

在下面的代码要附加一个单击处理程序fullbody元素的被称为中的onclick函数内sssearch元素。 每次单击sssearch ，都会附加单击处理程序。 因此，将有多个click事件处理程序。

table2.assemble = function () {
  $("#results").slideDown("slow");
  $("#fullbody").click(function() {$("#results").slideUp("slow");});
}

将其置于函数之外。 我认为问题只在这里。

$("#fullbody").click(function() {$("#results").slideUp("slow");});

table2.assemble = function () {
  $("#results").slideDown("slow");
}

同样，要执行页面加载中的任何内容，您可以使用jQuery的$(document).ready()或$() 。

$(function(){
   //Do your stuff here
});