Функции Javascript на том же DIV не работают

Question

У меня есть две функции Ajax, которые находятся на одном и том же div, первая выполняется, когда полная страница полностью загружена, и вызывается метод ccslider, вместо этого второй проверяет, какой идентификатор меню я нажал, меню, для загрузки динамически различного содержимого для разных страниц.

Я могу видеть загруженный контент (например: изображения), но, к сожалению, я не вижу их в ccslider; кажется, что слайдер не выполнен.

Но я знаю, что это работает только потому, что если я его протестирую, удалив функцию swapContent() и поместив свой PHP-код с запросом MySQL на моей главной странице, изображения загрузятся внутри рабочего ccslider.

Любой намек на то, как исправить эту проблему?

$(window).load(function(){ 
    $('#sliding').slider({ 
     _Options: { 
     imageWidth: 300, 
     imageHeight: 200 
     } 
    }); 
}); 

function swapContent(cv) { 
var url = "testing_cover.php"; 
    $.post(url, {contentVar: cv}, function(data) { 
     $("#sliding").html(data).show(); 
    }); 
} 

Answer 1

Возможно, вам придется снова вызвать метод ползунка внутри функции swapContent(). Попробуй это.

function swapContent(cv) { 
    var url = "testing_cover.php"; 
    $.post(url, {contentVar: cv}, function(data) { 
    $("#sliding").html(data).show(); 
    $('#sliding').slider({ 
     _Options: { 
     imageWidth: 300, 
     imageHeight: 200 
     } 
    }); 

}); 

} 

Answer 2

У меня нет доступа к своему роду плагин, который вы используете, но от того, что он, кажется, вы, вероятно, изменения структуры HTML, необходимой для его функциональности. Попробуйте вставить HTML в оболочку внутри элемента #sliding, а не непосредственно в нем.