2012-01-16 4 views
1

html로 이미지 링크를 몇 개로드하는 jQuery replaceWith가 있습니다. 갤러리에 양식을주기 위해이 이미지에주기 플러그인을 다시 적용하려고합니다.
.live로 놀았지만 아무 반응이없는 것 같습니다.jQuery 및 replaceWith를 사용하여 HTML을 삽입 한 후 호출 및 실행 함수

명백한 잘못이 여기에 무엇
내 생각 엔 다른 게시물이 잘 작동해야한다고하더라도, 내가 replaceWith 후 기능 슬라이드 쇼를 호출해야한다는 것입니다 (rplaceWith를 사용하는 것보다 더 나은 방법이 따로 있음) ...

$("#studiesB").live('click', function(slideShow){ 
$(".content").replaceWith('<img src=images/1.jpg> <img src=images/2.jpg>'); 

}); 

$(function slideShow() { 

    $('#slideshow').cycle({ 
     fx:  'fade', 
     timeout: 0, 
     prev: '#prev', 
     next: '#next', 


     pagerAnchorBuilder: pagerFactory 
    }); 

    function pagerFactory(idx, slide) { 
     var s = idx > 2 ? ' style="display:none"' : ''; 
     return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>'; 
    }; 

}); 
+0

예제에서 코드를 제외 시켰습니까? 클릭 이벤트에서 만든 함수에 "slideShow"매개 변수가있는 이유는 무엇입니까? 더 많은 코드를 보지 않고서도 Id는 플러그인이 호출되면 객체를 전달한 객체의 내용을 기반으로하는 단어가 replaceWith를 사용하여 사실 이후 DOM을 조작한다는 사실과 관련되어 있다고 생각합니다. – j08691

+0

나는 두려웠다. 나는 dom이 조작되거나 일반 언어로 된 후에 이미지에 slideShow 함수를 적용하고 싶다. 버튼을 클릭하여 .content를 으로 바꾸고, 그 위에 함수 슬라이드 쇼를 적용한다. –

답변

0

는 어디 갔지 실행됩니다 함수 내부에 랩해야하는 스크립트의 시작 부분에 실행하도록 작성

$(document).ready(function(){ 
    $("#studiesB").live('click', function(slideShow){ 
     $(".content").replaceWith('<img src=images/1.jpg> <img src=images/2.jpg>'); 
    }); 
}); 

아무것도 .ready $ (문서) 내부에 .live 기능을 넣어 n 문서 요소가 준비 이벤트를 트리거합니다.