i have a common js file
after I reload html page in ajax request , I cant access the functions in this file , the common JS functions between $(document).ready(function()
How can Access them and fire the functions in common file
Example :
COMMON JS :
$(document).ready(function() {
$(".agree_btn").click(function(){
alert(123);
});
});
the Function in the phtml page
$('.loadMoreAnswers').live('click', function(event) {
var location_id = $(this).attr('location_id');
var counter= $(this).attr('counter');
$('#loadingAnswer').show();
$.ajax({
type: 'POST',
url: '/daleel/loadmore',
data: 'location_id='+location_id+'&part='+'answers'+'&answerCounter='+counter, //with the page number as a parameter
success: function(msg){
if(msg.length!=0) //if no errors
{ $(this).parent().load("view")
$('#loadingAnswer').remove();
counter+=5;
$('#profile-page-answer').append(msg);
}
else $("#loadingAnswer").remove();
},
dataType: 'html'
});
});
its render the HTML like This :
<a agreed="no" agreed-content-id="63066" class="agree_btn" id="agree-a63066">
Agree
</a>
But when i click on this Link
it doesnt run the function in the Common JS file
rebind the click event handler in the ajax success
or you can use
delegatefor jQuery versions lower than 1.7 likeor of you are using jQuery version 1.7+ use
onmethoddo not use
.liveits deprecated docs