아약스 호출이 작동하지 않습니다. <td> 태그를 클릭하십시오.

Question

<td> 태그를 클릭하면 아약스 호출 $.load이 작동하지 않는 이유는 무엇입니까?
여기 방법

$("body").on("click", ".license-table td", function(){ 
     console.log('ehhh') 
     var pane = $(this).parent('.license-table').data("pane"); 
     var url = $(this).parent('tr').data("href"); 
     $(pane).load(url, function(){ 
      $(".table-content").css({ 
       height: '500px' 
      }).jScrollPane({ 
       autoReinitialise: true, 
       hideFocus: true 
      }); 
     }); 
    }); 

하여 스크립트이며, 여기에 마크입니다.

<div class="tab-pane" id="license"> 
         <div class="row content-tools"> 
          <div class="col-md-3"> 
           <div class="options enabled"> 
            <a href="distribute-license-modal.php" data-toggle="modal" data-target="#modal" data-dismiss="modal">Allocate Licenses</a> 
           </div> 
          </div> 
          <div class="col-md-3"> 
           <div class="options enabled"> 
            <a href="unallocate-license-modal.html" data-toggle="modal" data-target="#modal" data-dismiss="modal">Unallocate Licenses</a> 
           </div> 
          </div> 
          <div class="col-md-3">&nbsp;</div> 
          <div class="col-md-3"> 
           <form action=""> 
            <input type="text" name="q" class="col-md-12 search"/> 
           </form> 
          </div> 
         </div> 
         <div class="row" style="margin:0"> 
          <div class="table-content col-md-12"> 
           <div class="inner table-responsive pade-content-big"> 
            <table class="table dtable license-table" data-pane="#license"> 
             <tr> 
              <td width="30%">&nbsp;</td> 
              <td width="10%">Total</td> 
              <td width="10%">Distributed</td> 
             </tr> 
             <tr data-href="license-details.html"> 
              <td><a href="license-details.html" class="ajax-link black-link" data-pane="#license">Product Name</a></td> 
              <td>200</td> 
              <td>50</td> 
             </tr> 
             <tr data-href="license-details.html"> 
              <td><a href="license-details.html" class="ajax-link black-link" data-pane="#license">Product Name</a></td> 
              <td>200</td> 
              <td>120</td> 
             </tr> 
            </table> 
           </div> 
          </div> 
         </div> 
        </div> 

console.log("ehhh") 내 콘솔 창에 표시이지만, XHR 요청은 표시 나던. 뭐가 문제 야? :

Answer 1

함수는 직접 부모 요소를 가져옵니다. 선택기 인수를 제공하면 결과를 필터링하고 일치하는 조상을 찾을 때까지 조상 체인을 위로 이동하지 않습니다. .closest() 기능 :

var pane = $(this).closest('.license-table').data("pane");