Jquery Ajax'ın başarısı nasıl uygulanır?

Question

JQuery Ajax bu örnekte nasıl başarı kazanır?

Getcat'ın tamamlandığını tıklıyorum. Benzer ancak Cat 1, Cat 2'yi tıklıyorum ve sonra başarısız olurum.

Eminim bu kolay ama yine de bazı temel bilgileri burada öğreniyor. Teşekkür

Bu Bu index.php

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script> $('.catget').click(function() { 
var id = $(this).parent().data('id'); 
      $.ajax({ 
      url: 'cat.php', 
      data: { 
       "id": id 
      }, 
      type: 'post', 
      success: function(result) { 
       var $response = $(result); 
       var cat = $response.filter('.cat').html(); 
       $('.catsub').html(cat).fadeIn(700); 
      } 
      }); 
     });</script> 
     <div data-id="1" class="catget">Getcat</div> 
     <div class="catsub">Cat List</div> 

Çalıştır Kod Parçacığı olduğunu cat.php

<div class="cat"> 
    <div data-id="4" class="catget">Cat 4</div> 

    <div data-id="5" class="catget">Cat 5</div> 

    <div data-id="6" class="catget">Cat 6</div> 

    <div data-id="7" class="catget">Cat 7</div> 

    <div data-id="8" class="catget">Cat 8</div> 
</div> 

olduğunu. https://jsfiddle.net/xojzghfv/

şeye ihtiyacın:

$('.catget').click(function() { 
 
    var id = $(this).parent().data('id'); 
 
    $.ajax({ 
 
    url: 'cat.php', 
 
    data: { 
 
     "id": id 
 
    }, 
 
    type: 'post', 
 
    success: function(result) { 
 
     var $response = $(result); 
 
     var cat = $response.filter('.cat').html(); 
 
     $('.catsub').html(cat).fadeIn(700); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<div data-id="1" class="catget">Getcat</div> 
 
<div class="catsub">Cat List</div>

Answer 1

Eğer çocukların id alıyorsanız beri aslında orada ebeveyn gerekmez .. Burada

keman var Yeni elemanınızın çalışması için böyle yapın.

referans amaçlar için bu okuyabilir: https://learn.jquery.com/events/event-delegation/

$(document).on('click', '.catget', function(){ 
    var id = $(this).data('id'); 
    //insert the rest of your code here.... 
});