div 태그 안에 HTML로드하기

Question

나는 분명한 작업을 위해 이전에 & 다음 버튼을 보여줄 슬라이드 쇼 시스템을 만들고 있습니다. 그러나 슬라이드는 slide1.html, slide2.html과 같은 별도의 html 파일이됩니다. Thickbox 및 기타 플러그인은 html을 비동기 적으로로드합니다. 이 작업을 수행하는 가장 좋은 방법은 무엇입니까? 나는 전체 과정을위한 jQuery 플러그인을 작성 중이다.

자바 스크립트 경험이 풍부한 사람들로부터 아이디어를 얻고 싶습니다.

미리 감사드립니다. 모든 도움을 감사하십시오.

Answer 1

당신이 무엇을 요구하고 있는지 확실하지 않습니다. 그것은 load를 사용하여 사업부에 HTML 조각을로드 죽은 쉽게 :

$("selector_for_the_div").load("your_url"); 

예 (live copy) :

jQuery(function($) { 

    var currentSlide = 0; 
    var slides = [ 
    "http://jsbin.com/enuju4/", 
    "http://jsbin.com/enuju4/2", 
    "http://jsbin.com/enuju4/3" 
    ]; 

    loadSlide(0); 

    $("#btnNext").click(function() { 
    loadSlide(currentSlide + 1); 
    }); 

    $("#btnPrev").click(function() { 
    loadSlide(currentSlide - 1); 
    }); 

    function loadSlide(index) { 
    if (index >= 0 && index < slides.length) { 
     currentSlide = index; 
     $('#slideHolder').load(slides[currentSlide]); 
    } 
    } 

}); 

당신은 슬라이드를 캐시하거나 브라우저의 캐싱에 의존 단지 수 있습니다. 버튼 활성화/비활성화 등은 분명히 좋을 것입니다 ...