AJAX 호출 후 JavaScript가 작동하지 않음 - AJAX 탭

새로 고침없이 페이지 내용을 변경할 수있는 하위 메뉴를 만들려고 했으므로 AJAX 탭을 사용하여 외부 htm을 호출했습니다. 탭이 작동하고 있지만, 흰색 탐색 화살표를 작동시키는 외부 htm 안에 JavaScript가 있고, 작동하지 않는 내용을 크로스 페이드합니다. 이 문제를 어떻게 해결할 수 있습니까? 나는이 특정 페이지에 대해 이야기하고AJAX 호출 후 JavaScript가 작동하지 않음 - AJAX 탭

- "닉 (101)는"
www.adigitalgoodie.com/about.htm

이은 (는) FrontPage를
www.adigitalgoodie.com/index.htm

이, 가져온 HTM 내부의 자바 스크립트입니다에 수행처럼 작동하도록되어 AJAX를 통해 작동하지 않습니다 :

<script type="text/javascript"> 

     $('.contentnavright').click(function(){ 
      $('.contenttext1').fadeOut(); 
      $('.contenttext2').fadeIn(); 
      $('.contentnavleft').css('opacity', '1'); 
      $('.contentnavleft').css('-moz-opacity', '1'); 
      $('.contentnavleft').css('filter', 'alpha(opacity=100)'); 
      $('.contentnavright').css('opacity', '0'); 
      $('.contentnavright').css('-moz-opacity', '0'); 
      $('.contentnavright').css('filter', 'alpha(opacity=0)')  
     }); 

     $('.contentnavleft').click(function(){ 
      $('.contenttext1').fadeIn(); 
      $('.contenttext2').fadeOut(); 
      $('.contentnavleft').css('opacity', '0'); 
      $('.contentnavleft').css('-moz-opacity', '0'); 
      $('.contentnavleft').css('filter', 'alpha(opacity=0)'); 
      $('.contentnavright').css('opacity', '1'); 
      $('.contentnavright').css('-moz-opacity', '1'); 
      $('.contentnavright').css('filter', 'alpha(opacity=100)') 
     }); 

     </script>

출처

2012-10-18 ODDFUSE

스크립트는 모든 페이지에서 동일하게 보입니다. 이와 같이 는 그냥 메인 HTML에 넣어, 그리고 JQuery와 접근 방식에/라이브를 사용할 수 있습니다 완료

$("#container").on("click", ".contentnavright", function(){whatever});

출처

2012-10-18 12:19:50

이것은 작동하지 않습니다. 아니면 내가 잘못하고있는 것일 수도 있습니다. 후자가되어야합니다. 어쨌든 고마워요 :) – ODDFUSE

함수에 그 코드를 삽입하고 아약스 요청 후 함수를 호출

출처

2012-10-18 12:20:37 Baronth

나에게이 일을 어떻게 설명 할 수 있겠습니까? 어쩌면 예제를 포함 할 수 있습니다. 대단히 감사합니다! – ODDFUSE

@A Digital Goodie가 의견을 쓰는 것이 불가능하기 때문에 또 다른 답변을 게시했습니다. D – Baronth

$('.contentnavleft').click(myFunc); 

function myFunc(){ 
    $('.contenttext1').fadeIn(); 
    $('.contenttext2').fadeOut(); 
    $('.contentnavleft').css('opacity', '0'); 
    $('.contentnavleft').css('-moz-opacity', '0'); 
    $('.contentnavleft').css('filter', 'alpha(opacity=0)'); 
    $('.contentnavright').css('opacity', '1'); 
    $('.contentnavright').css('-moz-opacity', '1'); 
    $('.contentnavright').css('filter', 'alpha(opacity=100)') 
}

아약스 요청을 완료하면 $('.contentnavleft').click(myFunc);을 입력하여 .contentnavleft 요소에 다시 바인딩합니다.

출처

2012-10-18 18:58:26 Baronth

하지만이 부분은 어디에 넣어야합니까? 죄송 해요. 나는이 점에서 새로운 점이있다. :( – ODDFUSE

$ (body) .onload()와 다른 코드를 script 태그 안의'$ ('. contentnavleft') .click (myFunc);'넣고, 다시 아약스 요청이 끝나면, 처리 할 때 – Baronth

이 $ (body) .onload()가없는 것 같습니다. -아약스 요청 끝에 함수를 어떻게 넣을까요? 죄송합니다. :) – ODDFUSE

AJAX 호출 후 JavaScript가 작동하지 않음 - AJAX 탭

답변

관련 문제