I have following problem. I was forced to rewrite all below functions to create this:
$(document).on("change","#type_of",function(){
instead of this:
$('#type_of').on('change', function () {
I did that because I am manipulating DOM and after load content via ajax all functions ceased to operate. Now they work half because triggers doesn't do they job. All below code is added to page index.php
. In this page I have div #content
and I am reloading its contents via ajax. All of the following functions pertain to only that div. My question is how to create proper triggers for this functions?
One more question: is that proper syntax in my case $(document).ready(function() {
?
$(document).ready(function() {
// ALSO SOME CODE HERE (variables and etc.)
$(document).on("change","#type_of",function(){
// FUNCTION CODE
})
$(document).on("change","#order_form",function(){
// FUNCTION CODE
})
$( '#type_of, #orer_form' ).trigger( 'change' );
})
$(document).on("change","input[name=window-type]",function(){
// FUNCTION CODE
}
$(document).on("change","#shutter_type",function(){
// FUNCTION CODE
})
$( '#shutter_type, #input[name=window-type]' ).trigger( 'change' );
Here is also one of my ajax calls that I use to reload content of div #content
function displayPhoto(photoid){
$.ajax({
url: "includes/displayphoto.php?photo_id="+photoid
}).done(function(data) {
if (data == false)
{
alert ("ERROR");
}
else
{
$('#content').html(data);
}
});
}
$(document).on("click",".photo-id",function(){
var photoid = $(this).data("photoid");
displayPhoto(photoid);
});