Как вызвать или вызвать функцию загрузки jquery несколько раз?

Question

Мне нужна небольшая помощь. Некоторое время я борюсь с какой-то проблемой. Мне нужно вызвать функцию загрузки jquery каждый раз, когда я нажимаю кнопку. Для запуска функции загрузки я предполагаю, что мне нужно обновить этот конкретный div или загрузить этот div снова.

Моя цель:

, когда я нажимаю на кнопку Я хочу погрузо-ДИВ, чтобы показать, и я хочу .image-контейнер снова загружать. Я полагаю, что это должно вызвать функцию загрузки jquery, которая скроет load-div при загрузке .image-container.

Это мой код:

$(".image-container").load(function(){ 
    $("#loading-div").hide(); 
}); 

$("#button").on('click', function(){ 
    $("#loading-div").show(); 
    $(".image-container").load("index.php"); // load again div that sholud trigger upper function 
}); 

Answer 1

предположим, что я хочу, чтобы загрузить данные с сервера конкретного сНу тега непрерывно. Вперед я использую метод setinterval jquery. пример:

setinterval(function(){ 
$("div1").load("url","data you want to send to your server");      
         },1000); 

Примечание: метод загрузки работает только для «получить» method.in выше код второго параметра нагрузки не является обязательным.

Answer 2

Попробуйте

$("#button").on('click', function(){ 
    $("#loading-div").show(); 
    $(".image-container").load("index.php", function() { 
     $("#loading-div").hide(); 
    }); 
}); 

Answer 3

Ммм, просто отдельная нужную логику до/после загрузки от обработчиков?

function loadSome(el, data) { 
    $("#loading-div").show(); 
    el.load(data, function() { 
    $("#loading-div").hide(); 
    }); 
} 

function loadImage() { 
    loadSome($(".image-container"), "index.php"); 
} 

loadImage(); 
$("#button").on('click', function(){ 
    loadImage(); 
}); 

Или более jQuery -WAY:

jQuery.fn.progressedLoad = function (data, progressElement) { 
    $(progressElement).show(); 
    // add more complex load-progress logic here... 

    return this.load(data, function() { 
     $(progressElement).hide(); 
    }); 
} 

... 

$(".image-container").progressedLoad(
    {"url": "index.php"}, 
    $("#loading-div") 
);