Question

java_function.js

   $(#call).click(function(){
       alert("gogo");
   });

ajax_call.js

   This function called when scroll down
    #append  $(#append).append(data);  (data is a.html)

a.html

<script type=text/javascript src=java_function.js /> 
<script type=text/javascript src=ajax_call.js />

<div id=call>CALL entry</div>
<div id=append></div>

向下滚动2-3次

当我点击“CALL条目”

时

第一次只显示一个警报消息（“gogo”）第二次通话显示2警告msg（“gogo”）和（“gogo”）

每次点击两次

我想每次点击只调用一次警报消息我想删除重复的函数调用（java函数）如何防止每次点击两次？

Answer 1

在我看来，您多次定义点击事件。

点击

$(document).ready(function(){
  $("#call").click(function(){
    alert("gogo");
  });
});

Answer 2

在您要附加的内容（a.html）中，它是否引用了java_function.js？

如果是这样，那么事件可能会附加两次。从a.html中删除引用

Answer 3

您可以添加不带脚本行的html，以避免重复脚本。

ajax_call.js

This function called when scroll down
if (first_scroll){
 $(#append).append(html_full); 
 first_scroll = false;
} else
 $(#append).append(html_lite); //html without script lines

如何删除重复的函数调用

3 个答案: