Bonjour,
J'ai une playlist qui utilise une pagination en ajax.
Pour faire fonctionner ma playlist je clique sur un lien :

<a href="/tracks/151002797" id="link-track" class="item-play"><span class="glyphicon glyphicon-chevron-right"></span></a>

Quand le plugin le plugin INFINITE AJAX SCROLL

(function($){
    var ias = jQuery.ias({
    container : '#pl',
    item : '.li-tune',
    pagination : '.next-loaded',
    next : '#more'
    });
})(jQuery);

il désactive le preventDefault() ma fonction ne fonction plus :

$($alink).on('click',function(event){
        event.preventDefault();
        $clicked = $(this);
        var track_id = $(this).attr('href');
        if ($($alink).is('.Is_playing')) {
            $($alink).removeClass('Is_playing');
        }
        $clicked.addClass('Is_playing');
        soundManager.stopAll();

        // Call Api SoundCloud (stram)
        SC.stream(track_id,function(sound){
            sound.play({
                onfinish : function(){
                    $clicked.removeClass('Is_playing');
                    clickNextTune('li-tune', $clicked.parent('li'));
                }
            });
        });
    });

Voici le lien du plugin : http://infiniteajaxscroll.com/

Merci de votre aide.

4 réponses


t'as pas un exemple en ligne ?

lakamark
Auteur

Non pas encore car mon site web est en développement.

Je comprends pas bien comment ca peut "desactiver un .preventDefault()". CE que je suppose, c'est plutot qu'il y a un bug dans le js quelque part, avant la définition de ta fonction, qui fait crasher le script et donc ta fonction n'est jamais définie.

La console te retourne-t-elle quelque chose ?

lakamark
Auteur

Elle ne retourne rien. Elle me redirige vers un lien existant.