아약스로드 된 콘텐츠에서 이미지 슬라이더가 작동하지 않음

jQuery(document).ready(function($) { 
var $mainContent = $("#main_class"), 
    siteUrl = "http://" + top.location.host.toString(), 
    url = ''; 
$(document).delegate("a[href*='/classes/']:not([href*=/wp-admin/]):not([href*=/wp-login.php]):not([href$=/feed/]):not([href$=/event-registration/])", "click", function() { 
    location.hash = this.pathname; 
    return false; 
}); 

$(window).bind('hashchange', function(){ 
    url = window.location.hash.substring(1); 
    if (!url) { 
     return; 
    } 
    url = url + " #main"; 
    $mainContent.animate({opacity: "0.1"}).html('Please wait...').load(url, function() { 
     $mainContent.animate({opacity: "1"}); 
    }); 
}); 
$(window).trigger('hashchange'); 
$('#slider').royalSlider({    
      imageAlignCenter:true, 
      imageScaleMode: "fill", 
});

});아약스로드 된 콘텐츠에서 이미지 슬라이더가 작동하지 않음

ajax 콘텐츠가 유용하지만 AJax div에 콘텐츠를로드 할 때 슬라이더 (로열 슬라이더)가 작동하지 않습니다. 어떻게 로열 슬라이더를 얻을 수있는 코드를 수정할 수 있습니까? 메신저 및 사용자 정의 디자인 테마를 사용하여.

출처

2012-06-05 Edwin Ca

테스트를 거친 브라우저는 무엇입니까? 나는 그것이 여분의 쉼표 때문에 IE에서 실패 할 것으로 예상한다. –

오류 메시지가 있습니까? – Huangism

파이어 폭스, 사파리, 크롬에 잘 작동하는 아약스 내 문제는 아약스에 의해 호출 된 콘텐츠에서 로얄 플래시가 아닙니다. –

일부 컨텍스트 및 일부 HTML 코드 없이는 확실하게 알 수 없지만 새 콘텐츠를로드 한 후에 $('#slider').royalSlider(...);에 다시 전화해야한다고 생각합니다.

이 함수를 처음 호출하면 현재 DOM에있는 을 타겟팅하고 있습니다. ajax 호출로 새 내용을로드 할 때이 요소를 제거하고 새 요소로 바꾸십시오. 슬라이더를 다시 초기화해야한다고 생각합니다.

출처

2012-06-07 03:13:08

http://candouinc.com/sewing/classes/ 아약스 콘텐츠를로드하기위한 클래스를 선택하는 것보다 페이지 상단의 카테고리 중 하나를 클릭하십시오. 도와 줘서 고마워. :) –

아약스로드 된 콘텐츠에서 이미지 슬라이더가 작동하지 않음

답변

관련 문제