Response title
This is preview!
div play button onclick not working with ajax super filter
in Using jQuery
•
7 years ago
Hi Guys,
Need your support!
I have one problem with my play button which works fine until i use super filter (Ajax content) to refine the list of products.
Button style shows fine but when i press it nothing happens, which should call and send a mp3 link, name and thumb for my music player (jquery) to read, which is sticked on the bottom of the page.
1.This is how it looks like HTML:(code generates multiple products on one page depends on how many products)
Does anyone have a clue how to solve this issue?
i tried even this but still no luck:
Need your support!
I have one problem with my play button which works fine until i use super filter (Ajax content) to refine the list of products.
Button style shows fine but when i press it nothing happens, which should call and send a mp3 link, name and thumb for my music player (jquery) to read, which is sticked on the bottom of the page.
1.This is how it looks like HTML:(code generates multiple products on one page depends on how many products)
- <div class="audioplayer-song-changer" data-target="#ap1" href="#" style="" data-thumb="<?php echo $product['thumb']; ?>" data-thumb_link="<?php echo $product['href']; ?>" data-type="normal" data-source="mp3-link">
-
- <a class="button hint--top" data-hint="Play Sample"><i class="button-left-icon"></i><span class="button-cart-text">►</span><i class="button-right-icon"></i></a>
-
- <span class="meta-artist"><span class="the-artist">name</span> </span> </div>
- script
- jQuery(document).ready(function ($) {
-
- var settings_ap = {
- disable_volume: 'off'
- ,disable_scrub: 'default'
- ,design_skin: 'skin-wave'
- ,skinwave_dynamicwaves:'on'
- ,skinwave_enableSpectrum: "off"
- ,settings_backup_type:'full'
- ,settings_useflashplayer:'auto'
- ,skinwave_spectrummultiplier: '4'
- ,skinwave_comments_enable:'off'
- ,skinwave_mode: 'small'
- };
- dzsap_init('#ap1',settings_ap);
- });
- /script
Does anyone have a clue how to solve this issue?
i tried even this but still no luck:
-
<div onclick="document.getElementById("audioplayerid").api_play_media();">
the first code
- </div>
1