如何删除重复的函数调用

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次

当我点击“呼叫入口”时

第一次只显示一个警报消息("gogo")第二次呼叫显示2个警报消息("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