首页 > 解决方案 > 首次单击后启用悬停

问题描述

我想在用户第一次单击后启用 ajax 加载,但它不起作用


var auto = false;
if(auto){
$(document).on("mouseover","#load-more",function() {
    console.log(page)
   page=page+1;

   loadMoreData(page);

});
}

$(document).on("click","#load-more",function() {
    console.log(page)

   page=page+1;
   auto = true;
   loadMoreData(page);

});


我需要在第一次单击后启用悬停加载

标签: javascriptajax

解决方案


你必须if(auto)在这样的mouseover事件函数中使用

var auto = false;

$(document).on("mouseover","#load-more",function() {
if(auto){
    console.log(page)
   page=page+1;

   loadMoreData(page);
}
});


$(document).on("click","#load-more",function() {
    console.log(page)

   page=page+1;
   auto = true;
   loadMoreData(page);

});

在页面加载检查中的代码中auto,然后不要返回该代码来分配mouseover事件,您可以将代码更改为此





$(document).on("click","#load-more",function() {
    console.log(page)

   page=page+1;
   auto = true;
   loadMoreData(page);

   $(document).on("mouseover","#load-more",function() {
     console.log(page)
     page=page+1;

     loadMoreData(page);

   });


});

使用最后一个代码,您不能使用auto变量


推荐阅读