.slideDown and .click(function() {$("#results").sl

.slideDown and .click(function() {$("#results").slideUp("slow");}); Clash

本文关键字：quot #results sl and click function slideDown      更新时间：2023-09-26

我有:

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>

在下面的代码中，您将点击处理程序附加到fullbody元素内的函数，该函数称为sssearch元素的onclick。每次单击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
});
相关文章：