2013-08-16 2 views
-2

내가 다음 코드추가 코드는

$(document).ready(function() { 
    $("#productfilter").validate({ 
     submitHandler: function (form) { 
      $.ajax({ 
       type: "POST", 
       url: "listproresult_core.php", 
       data: $("#productfilter").serialize(), 

       beforeSend: function() { 
        $("#contentincore").html("<img src='../loading_core/loading animated/loader.gif'class='clock' border='0' />"); 
       }, 

       success: function (result) { 
        $("#contentincore").html(result); 
       } 
      }); 
     } 
    }); 
}); 

를 제출하고 난 내부의 다음 기능을 추가 할 양식의 결과는, 링크가로드 함수 내에서 구현되는이

결과
$('#contentincore a').click(function (e) { 
    ("#contentincore").on("click", "a:not(.minlink)", function (e) { 
     ("#contentincore").load($(this).attr("href")); 
     e.preventDefault(); 
    }); 
}); 

답변

0

ajax로로드 된 콘텐츠에 함수를 바인딩하려면 .on()을 사용해야합니다. 실제 예가 있습니다 : http://jsfiddle.net/GMDah/ (콘솔 확인) 상단 링크를 누르면 콘솔에 "pressed"가 인쇄됩니다. 클래스 .minlink의 하단 링크를 누르면 여기에있는 코드가 실행되지 않습니다.

코드의 존재 :

또한
$("#contentincore a:not(.minlink)").on("click", function (e) { 
    console.log("pressed"); 
}); 

, 당신의 괄호 전에 $ -sign 또는 jQuery을두고 잊지 마세요, 당신은 몇 가지를 놓친 것 같다.

+0

방금 ​​전에 게시 한 코드 예제를 찾을 수 있습니까? – Deviandorx

+0

죄송합니다. 코드를 정확히 어디에 넣어야합니까? – Deviandorx

+0

'$ (document) .ready (function() {// 여기'} 안에있는 귀하의 페이지 어딘가에 (그래서'$ ('..')의 괄호를 닫은 후 validate ({...' – jdepypere