ajax 창에서 jquery 사용

Jquery UI ajax 탭을 사용하여 내 사이트의 콘텐츠를 표시하고 있습니다. 탭이 잘 작동합니다. 각 Ajax 탭에서 이미지 회전기가 작동하지 않습니다.ajax 창에서 jquery 사용

이미지 회전 장치는 jquery가 올바르게 작동해야합니다. 파일을 플러그인 JQuery와 이미지 회전의 모든

  jQuery(document).ready(function($) { 


      var banner1 = $('#banner-rotator1').royalSlider({ 
       imageAlignCenter:true, 
       imageScaleMode: "fill", 

       hideArrowOnLastSlide:true, 
       slideSpacing:20, 

       autoScaleSlider: true, 
       autoScaleSliderWidth: 1150, 
       autoScaleSliderHeight: 400 
      }).data("royalSlider");    


      var banner2 = $('#banner-rotator2').royalSlider({ 
       imageAlignCenter:true, 
       imageScaleMode: "fill", 

       hideArrowOnLastSlide:true, 
       slideSpacing:20, 

       autoScaleSlider: true, 
       autoScaleSliderWidth: 1150, 
       autoScaleSliderHeight: 400 
      }).data("royalSlider"); 

      var banner3 = $('#banner-rotator3').royalSlider({ 
       imageAlignCenter:true, 
       imageScaleMode: "fill", 

       hideArrowOnLastSlide:true, 
       slideSpacing:20, 

       autoScaleSlider: true, 
       autoScaleSliderWidth: 1150, 
       autoScaleSliderHeight: 400 
      }).data("royalSlider"); 

      var banner4 = $('#banner-rotator4').royalSlider({ 
       imageAlignCenter:true, 
       imageScaleMode: "fill", 

       hideArrowOnLastSlide:true, 
       slideSpacing:20, 

       autoScaleSlider: true, 
       autoScaleSliderWidth: 1150, 
       autoScaleSliderHeight: 400 
      }).data("royalSlider"); 
     });

는 내가 잘라 잘 작동 아약스 페이지에 붙여 넣을 경우 때문에 코드가 작동 알고 ...이 코드를 제외하고 잘 작동 것 같다,하지만 난 할 수 코드가 "마스터 페이지"에 배치 될 때 이미지 회전자가 작동하는 것처럼 보입니다. 누구든지 내가 뭘 잘못하고 있는지 알 수 있습니까? 여기

은 즉, 마스터 페이지의 DOM이 준비되고, 내 페이지 http://dl.dropbox.com/u/14080718/Ajax-Test/Ajax-stripped.html

출처

2012-04-19 Nate Gines

이 코드가 실행되기 때문에 DOM이 준비가되면 그건에 대한 링크입니다. 나중에 아약스 콘텐츠를로드하고 자바 스크립트 코드는 이미 아약스 콘텐츠로드 이전에 실행되었습니다. 당신이 할 수있는 일은 그 코드를 함수 안에 넣는 것입니다. 그런 다음 아약스에서 아약스로드 된 내용

$(function(){ 
    code_to_run() // call the function in your masterpage 
});

출처

2012-04-19 17:47:43

나는 모든 jquery를 내 아약스 페이지에서 지키고 싶습니다. ajax 페이지에서 jquery를로드하는 데 많은 모바일 브라우저가 어려움을 겪고있는 것처럼 보입니다. 이 일을하는 방법을 알고 있습니까? 아마도 다른 전화 또는 뭔가? –

음, 물론입니다. Ajax 페이지가로드 된 후 콜백에서이 작업을 수행 할 수도 있습니다. –

무슨 뜻인지 확실치 않습니다. 죄송합니다. 저는이 일로 꽤 새로 왔습니다. 예를 들어 주시겠습니까? –

마스터 페이지 및 콘텐츠 페이지의 상호 작용에 masterpage

function code_to_run(){ 
    // your code here 
}

에서 예

document.ready

에서 작동 컨텐츠 실행로드 복잡한 것이고 http://www.codeproject.com/Articles/36107/Master-Page-and-Content-Page-Interaction을 보면 더 잘 이해할 수 있습니다. 여기서 마스터 페이지에서 내용 페이지를 참조하는 방법을 설명하는 단락을 찾으십시오. 이 도움이 되었기를 바랍니다.

출처

2012-04-19 19:07:03 mozillanerd

ajax 창에서 jquery 사용

답변

관련 문제