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>

scroll down 2-3 times

When I have clicked “CALL entry”

first time show only one alert msg (“gogo”)
second time call show 2 alerts msg (“gogo”) and (“gogo”)

called twice per one click

I want to call alert msg only one time per click
I want to delete duplicate function call (java function)
How to prevent call twice per click?

Answer 1

It seems to me that you are defining the click event multiple times.

put the click at

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