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