2011-07-17 5 views
0

을 실행하기 위해 플러그인을로드 :기다립니다 나는 두 플러그인을 사용하고 다른 jQuery를

1) 부하 트윗 2) 그 짹짹

페이지 매김 그러나 PAGINATE의 트윗을로드해야합니다. 나는 그것이 전체의 때를 알려주는 콜백 메소드가 있어야 다음 코드 만

$(document).ready(function(){ 
$("#twittTime").tweet({ 
    avatar_size: 32, 
    count: 20, 
    fetch: 20, 
    template: "{text} {time}", 
    filter: function(t){ return ! /^@\w+/.test(t["tweet_raw_text"]); }, 
    username: "user", 
    loading_text: "Cargando Timeline ..." 
}); 

$(".tweet_list").live({ load: function() { 
    $('.tweet_list').easyPaginate({ 
      step:4, 
      alert: 'Hola' 
    }); 
}, 
}); 
}); 

답변

1

플러그인을 작동하지를 사용합니다. 거기에서 $(".tweet_list") 기능을 실행합니다.

편집 :

코드 예제를 보여주는 것이 더 좋기 때문에 여기에서 편집 중입니다. JS 플러그인을 편집 할 수 있다면 자신의 콜백을 추가하는 것이 좋습니다 ... 정말 쉽습니다.

먼저 complete() 메소드를 플러그인에 추가하십시오. tweet.js을 열고 var s = $.extend({을 찾으십시오.이 위치는 플러그인에 대한 기본값입니다. $.extend() 방법 내부 바닥까지 모든 방법을 가서 추가 설정 목록이있을 것이다이 :

대략 라인 # 30 :

filter: function(tweet) { 
    return true; 
}, 
/* Our callback method we are adding */ 
complete: function() { 
    return true; 
} 

그런 다음 우리는 마지막에이 함수를 호출 할 필요가 JSON AJAX 요청

if (s.refresh_interval) 문 바로 아래에서 # 201 행으로 이동하십시오. 그런 다음 닫은 후 }을 추가하십시오. s.complete();

기본적으로 수행 한 작업은 컨텐츠가로드 된 후 전체 기능을 호출하는 것입니다. 로컬로 테스트 했으므로 노력 중이므로 직접 시도해보고 원하는 작업을 수행하는지 확인하십시오.

행운을 빈다.

편집 2 : Github에서 플러그인을 찾았으므로이 기능을 제출해주십시오. 업데이트가있을 경우 업데이트 할 때마다 매번 추가 할 필요가 없습니다.

+0

감사합니다. http://tweet.seaofclouds.com/을 사용하고 있지만 콜백 메소드가 없으니 제발 도와주세요. – Rodrigo

+0

내 게시물을 업데이트 할 수있는 방법으로 업데이트했습니다. 플러그인 소스를 업데이트해야하지만 아무것도 중단해서는 안됩니다. – Seth

+0

OMG! 정말 고마워,이 작품은 나를 위해 :) – Rodrigo

3

저는 jquery.tweet.js의 관리자입니다. 트윗이 페이지에 렌더링 된 후 위젯은 "로드"이벤트를 트리거합니다, 그래서 당신은 간단하게이 작업을 수행 할 수 있습니다

$(document).ready(function(){ 
$("#twittTime").tweet({ 
    avatar_size: 32, 
    count: 20, 
    fetch: 20, 
    template: "{text} {time}", 
    filter: function(t){ return ! /^@\w+/.test(t["tweet_raw_text"]); }, 
    username: "user", 
    loading_text: "Cargando Timeline ..." 
}).bind("loaded", function() { 
    $('.tweet_list').easyPaginate({ 
      step:4, 
      alert: 'Hola' 
    }); 
}); 
}); 

가 번들 index.html 파일과 tweet.seaofclouds.com 페이지에서 그 예를 들어 있습니다.

관련 문제