Solusi jQuery onClick not working


Klik Url yang dirender menggunakan jQuery terkadang tidak berjalan jika 'tag' yang di klik termarkup dalam lapisan 'id atau class'.

Mari kita coba dan atasi masalah tersebut dengan cara dibawah:

<div id="embedVideo">
 <div class="container">
  <div class="videoWrapper">
  <div id="divVideo"></div>
  </div>
  
  <div id="movie">
   <div class="list-series">
    <a class='seriku' data-href='MVVURWxwbU9RRE5XR2NIS19wcEF6eFFwYlh1SDN2czVF' alt='Ichigo Mashimaro Episode 01'>#01</a>
    <a class='seriku' data-href='MVl6My1reGpSbmYxUkllZ1hlcTMwcHZkeFZ5aExhdzE5' alt='Ichigo Mashimaro Episode 02'>#02</a>
    <a class='seriku' data-href='MWNUbS1VakxBV1oxWEtiMm0tdy1MdzkzNjR4U3ozUm9X' alt='Ichigo Mashimaro Episode 03'>#03</a>
    <a class='seriku' data-href='MXFzZ3RuYV9GR0VCOElITlU2WGxzSjBvNVFuMklsbGw5' alt='Ichigo Mashimaro Episode 04'>#04</a>
    <a class='seriku' data-href='MW4zajFCQTkyTWVOTVpZYm5yemtJa25KV1JPQTZvbDIt' alt='Ichigo Mashimaro Episode 05'>#05</a>
    <a class='seriku' data-href='MWRpZ2lkNEdUR3RSSUVheTJYSUs4MW9jcDVET3dqNHJl' alt='Ichigo Mashimaro Episode 06'>#06</a>
    <a class='seriku' data-href='MWdWNEtsMmpET0taSHB5OThuQ1BhYzNYS2R2M1MtLUtf' alt='Ichigo Mashimaro Episode 07'>#07</a>
    <a class='seriku' data-href='MW5rR1BSS3ZnQmY5ZDNhaG80MVoyZlRnZnVraXZCTWFm' alt='Ichigo Mashimaro Episode 08'>#08</a>
    <a class='seriku' data-href='MWpRUTQ0WnpjOVJXT1JYcWV5VzE2TUhMUGdTLU9Fc3Vl' alt='Ichigo Mashimaro Episode 09'>#09</a>
    <a class='seriku' data-href='MTkxTWJSSS10OHpIazF4d1NKek5oa1NXUXBSamFyVUxX' alt='Ichigo Mashimaro Episode 10'>#10</a>
    <a class='seriku' data-href='MWF6U28wUTk4RmJhVFFORk14RncyaXc5TE82SUFycVpx' alt='Ichigo Mashimaro Episode 11'>#11</a>
    <a class='seriku' data-href='MUg3XzFTTENpZi1wVFVBNkhWTXRFQ2dfaUNGdUV1RmZy' alt='Ichigo Mashimaro Episode 12 Tamat'>#Tamat</a>
   </div>
  </div>
</div>
</div>

Dalam contoh html diatas untuk onClick ".seriku" ada beberapa pilihan yang bisa kita coba

$(".seriku").click(function() {
 // click tidak merespon
});

$(".seriku").click(function(e) {
 // click tidak merespon
});

$('.seriku').on('click', function() {
 // click tidak merespon
});

$('.list-series').on( 'click', 'a', function () {
 // click tidak merespon
});

$(document).on( 'click', '.seriku', function () {
 // respon bagus
});

Itulah beberapa cara untuk mengatasi onClick yang tidak berfungsi dengan baik

No comments:

Post a Comment