人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

質問がうまく伝わらない場合は申し訳ありません。

今、以下のプラグインを実装しています。
http://itra.jp/jquery_socialbutton_plugin/

最初に表示する分は問題なく出来たのすが
コンテンツをページングするのではなく
以下のプラグインで実装してます。
http://lagoscript.org/jquery/autopager

こうした場合に、autopagerで読み込まれた2ページ目の
コンテンツに、jquery_socialbutton_pluginで実装した
ボタンが表示できません。

autopagerで読み込まれたコンテンツは
そもそも、jqueryを実行できないのでしょうか?

firebugとかで、ソース全体をコピーして
ローカルに落とすと、正常にボタンなどは表示されます。




●質問者: hopefully
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:Firebug jQuery コピー コンテンツ ジン
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● どたん
●35ポイント

autopagerで読み込まれたコンテンツは

そもそも、jqueryを実行できないのでしょうか?

その通りです。


autopagerが発動したタイミングで関数が実行されるように書き換えてやる必要があります。

◎質問者からの返答

お、そうなんですね。返事ありがとうございます。

出来れば、その関数を呼ぶ方法の

コードを教えて頂けませんか?

ちなみに、autopagerは以下です。

$(function() { $.autopager({ load: function(current, next) { if(current.page>=max_cnt){ $('#next_link').hide() } }}); }); </script>

jquery_socialbutton_pluginは以下のように複数書いてます。

$(function() { $('.tweet01').socialbutton('twitter', { url: 'http://example.com’, button: 'horizontal', text: 'TEST' }); $('.tweet02').socialbutton('twitter', { url: 'http://example.com’, button: 'horizontal', text: 'TEST' }); }); </script>

以上、よろしくお願いします。


2 ● Lhankor_Mhy
●65ポイント
$(function() { $.autopager({ load: function(current, next) {
 if(current.page>=max_cnt){ $('#next_link').hide() } }});
 $('.tweet01').socialbutton('twitter', { url: 'http://example.com’, button: 'horizontal', text: 'TEST' });
 $('.tweet02').socialbutton('twitter', { url: 'http://example.com’, button: 'horizontal', text: 'TEST' });
});

↑これでいいと思います。が、毎回読み直してチカチカする感じになってしまうかもしれません。

その場合はこういう書き方のほうがいいかもしれないですね↓。

$(function() { $.autopager({ load: function(current, next) {
 if(current.page>=max_cnt){ $('#next_link').hide() } }});
 $('.tweet01').socialbutton('twitter', { url: 'http://example.com’, button: 'horizontal', text: 'TEST' }).remove('tweet01');
 $('.tweet02').socialbutton('twitter', { url: 'http://example.com’, button: 'horizontal', text: 'TEST' }).remove('tweet02');
});
◎質問者からの返答

おお、ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ