使用带有onClick功能的Infinite Scroll时遇到麻烦

时间:2012-10-21 23:51:45

标签: jquery jquery-masonry

抱歉我的英语不好。 我有无限滚动爱尔兰插件与砌体David DeSandros插件一起工作。 Everyting工作正常,直到我想在容器的每个元素上添加一些onclick函数。我的问题是,在onclick函数上重复它自己购买x,其中x是装载滚动的页面数量。我想我的问题是在infinte scrolls回调。

这是点击功能无效的

 container.find('.appende_playlist').click(function(){
     if (test_click == 0){                       
                var framesrc = $(this).parent().find('iframe:first').attr('src');
                var framesrc2 = framesrc.replace('artwork=false','artwork=true');           
                $('.playlist_players').append("<iframe src="+framesrc2+">");
                test_click++;
                alert('if');                
                }
                else{               
                alert('else');
                }
                });
像我说的那样,当我到达3d或第4页时错误正在开始 这是大厅页面

 jQuery(function($){
 var test_click = 0;
 var container = $('.conteneur');

    $(window).load(function(){
    container.imagesLoaded(function(){
    container.masonry({
    isAnimated:true, 
    isFitWidth:true,
    isResizable:true,     
    itemSelector: '.blog-block2',
    columnWidth: function( containerWidth ) {
    return containerWidth / 3;            
        }
      });
    });   
   $('body').scrollTo( '1px', 250 );
         });

 container.infinitescroll({
        navSelector  : '.pager',  
        nextSelector : '.pager a', 
        itemSelector : '.conteneur', 
        bufferPX: 20,
            loading: {
            finishedMsg: '<i>Vous êtes arrivé au bout de Lazyshake! Suivez nous sur facebook.</i>',
        msgText: '<em>Chargement des prochains articles</em>',
        animate: true,  
        img: 'http://i.imgur.com/zfnOQ.gif'         

}},

// Le Callback Masonry
    function( newElements ) {        
        var $newElems = $( newElements ).css({ opacity: 0 });       
        $newElems.imagesLoaded(function(){
                  $newElems.animate({ opacity: 1 });
                  container.masonry( 'appended', $newElems, true );
                var bloc = container.find('.blog-block2:first'); 
                var cssi = {width:bloc.width()};
                var cssf = null;             
                    container.find('a.thumb').click(function(e){                
                        var elem = $(this); 
                        var cls = elem.attr('href').replace('#','');

                    var fold = container.find('.unfold').removeClass('unfold').css(cssi).css('height','auto'); 
                    fold.stop();
                    var unfold = elem.parent().parent().parent().addClass('unfold').css(cssf).css('width','618'); 
                    container.masonry('reload'); 

                        if(cssf == null){
                            cssf = {
                                width : '618',
                                height: 'auto'
                            };

                        }               
                        unfold.css(cssi).animate(cssf);
                        setTimeout(function() {
                            var eTop = $('.unfold').offset().top- $(window).scrollTop();
                                        //console.log(eTop);
                                 if (eTop <= 250){
                                    $.scrollTo('.unfold', 400, {offset: {top:-150} });
                                 }
                                 else
                                 {
                                    $.scrollTo('.unfold', 400, {offset: {top:-90} });
                                 }
                        },500); 
                         e.preventDefault(); 
    });}); 

这是我正在http://www.lazyshake.com工作的网站。该功能是首次点击图像后出现的“添加播放列表按钮”。

希望有人可以帮助我,因为我错了3天:s

0 个答案:

没有答案