jQuery Forum

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)

2. <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">
3. 
   
4. <a class="button hint--top" data-hint="Play Sample"><i class="button-left-icon"></i><span class="button-cart-text">&#9658;</span><i class="button-right-icon"></i></a>
5. 
   
6.  <span class="meta-artist"><span class="the-artist">name</span> </span> </div>

2.My jquery code on the bottom of html page which is placed once:

2. script
3.  jQuery(document).ready(function ($) {
4. 
   
5.  var settings_ap = {
6.  disable_volume: 'off'
7.  ,disable_scrub: 'default'
8.  ,design_skin: 'skin-wave'
9.  ,skinwave_dynamicwaves:'on'
10.  ,skinwave_enableSpectrum: "off"
11.  ,settings_backup_type:'full'
12.  ,settings_useflashplayer:'auto'
13.  ,skinwave_spectrummultiplier: '4'
14.  ,skinwave_comments_enable:'off'
15.  ,skinwave_mode: 'small'
16.  };
17.  dzsap_init('#ap1',settings_ap);
18.  });
19. /script

Does anyone have a clue how to solve this issue?

i tried even this but still no luck:

2. <div onclick="document.getElementById("audioplayerid").api_play_media();">
   
   the first code
   
   
3. </div>