jquery .load() 함수가 작동하지 않는 이유는 무엇입니까?

Question

내 사이트에 버튼이 있는데, 클릭하면 div 컨테이너 안에 html이로드되어야합니다.

나는 단추에 대한 다음 코드를 사용하고 있습니다 :

<div id="nextnr1"><a href = "#">Next&gt;&gt;</a></div> 

다음 코드를 누군가가 사업부를 클릭 할 때 로딩을 실행 :이 컨테이너의 코드

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#nextnr1").mousedown(function() { 
      $("#Container").load("wrappers.php?currenttab=1&shift=1"); 
     }); 
    });​ 
</script> 

HTML이로드되는 곳 :

<div id="Container"></div> 

위의 코드가 모두 w 대부분의 시간을 orking. 단지 한 번만 기능이 .load 그의 일을하지 않습니다. 유사한 페이지이기 때문에 비슷한 상황입니다.

클릭이 있었을 때 기능이 호출 된 것을 확인했습니다 : $(document).ready 및 $("#nextnr1").mousedown(function() {..}이 작업을 수행하고 있습니다. .load은 이 아니며은 서버로 전송 된 HTTP 요청이 없는지 확인했기 때문에 해당 작업을 수행했습니다.

누구든지이 문제를 해결할 수 있다면 매우 감사 할 것입니다. 1

UPDATE 나는 메시지 상자 (아래 코드 참조) 시도하고 부하가 실행되지 때 그것은 또한 메시지 상자로드가 수행 된 표시되지 않았 음을 보여줍니다. 2/3 분 후에 갑자기 메시지 상자가 나타나서 다시로드됩니다. 그러나 그것은 작동하지만 때로는 거대한 지연이 있습니다.

$(document).ready(function() { 
    $("#renextnr2").click(function() { 
     $("#Container").load("wrappers.php?currenttab=2&shift=1", function() { 
      alert("Load was performed."); 
     }); 
    }); 
}); 

Answer 1

문제를 해결 한 URL 끝에 랜덤 넘버를 추가했습니다.

Answer 2

먼저 mousedown 대신 'click'을 사용해보십시오.

초 대신 사업부의 링크에 '클릭'이벤트를 후킹하려고 :

<div><a id="nextnr1" href = "#">Next&gt;&gt;</a></div> 

Answer 3

당신이 전파 이벤트를 중지해야 할 수도 있습니다/기본 처리 :

<div><a id="nextnr1" href="#">Next&gt;&gt;</a></div> 

<script type="text/javascript"> 

$(document).ready(function() { 
$("#nextnr1").click(function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    $("#Container").load("wrappers.php?currenttab=1&shift=1"); 
});}); 

</script> 

Answer 4

우선 시작하는 방법은 다음과 같이 이벤트가 실행 중인지 여부를 디버깅하는 경고를 추가하는 것입니다. 이렇게하면 문제를 결정하기 위해 어떤 영역을 더 자세히 볼 수 있는지에 대한 더 나은 통찰력을 얻을 수 있습니다.

$('#Container').load('wrappers.php?currenttab=1&shift=1', function() { 
    alert('Load was performed.'); 
});