jquery Ajax 콘텐츠가로드되지 않습니다.

Question

나는 이것을 알아 내려고 노력하고 있습니다. 난 그냥 일부 콘텐츠에 대한 간단한 아약스 하중을하지만 콘텐츠가 작동하지 않는 다른 모든 기능을로드하고 있지만 내용이 표시되지 않습니다. 어떤 도움이라도 대단히 감사하겠습니다. 슈퍼 간단한 그것의 아마 뭔가도 있지만 .... 여기에 코드

메인 페이지의 HTML

<ul><li id="content1">click this</li></ul> 
    <div id="ajaxContent"></div> 

외부 HTML

<div id="content1"><p>some content here</p></div> 

... 그리고 JS

$(function() { 

    var $items = $('ul li'); 

    $items.bind('click',loadContent); 

    function loadContent() { 

     var toLoad = 'content.html'+' #'+ $(this).attr('id'); 

     var $content = $('#ajaxContent'); 

     $content.append('<span id="load">LOADING...</span>'); 
     $('#load').fadeIn('normal'); 

     $content.load(toLoad,'',showNewContent) 

     function showNewContent() { 
     $content.fadeIn(1000,hideLoader); 
     } 

     function hideLoader() { 
     $('#load').fadeOut('normal'); 
     } 
    } 

}): 

Answer 1

입니다 문제는 귀하의 기능을 showNewContent과 hideLoader으로 선언하고 있다는 것입니다. 귀하의 loadContent 기능 측면. 즉, loadContent 함수가 호출 될 때까지 참조 할 수 없다는 것을 의미합니다 (그러나 함수 자체를 사용해야 함). showNewContent 및 hideLoader 함수를 loadContent 함수 외부로 옮기면 작동합니다.

Answer 2

해시 (#의 부분)는 서버로 보내지지 않습니다. 이것이 유일한 변경 사항이라면 브라우저는 새로운 URL로 보지 않고 페이지를로드하지 않습니다. URL을 content.html?id=1 또는 다른 것으로 변경하고이 GET 매개 변수를 서버에서 올바르게 처리해야합니다.