jQueryで作る最後まで読んだらOKにするサンプル
規約とか必ず最後まで見てほしいコンテンツがある場合、最後まで表示したかチェックしたい。
そんなときに使えるサンプルを作ってみた。
div#scrollEnd が表示されたら「最後まで読み終わりました。」とアラートがでる。
ただそれだけ。ここで、最後まで表示したかチェックフラグをONにすればいい。
たぶん、普通に使えると思う。
jQueryとjquery lazyaction pluginを使った。
function showEnd(target, options){
alert("最後まで読み終わりました。");
}
$(function(){
//#scrollEndが表示されたらshowEnd()を実行
$("#scrollEnd").lazyaction({
action: showEnd
});
});
使ったプラグイン
jquery lazyaction plugin
プラグインに登録された領域が表示されるまで登録された関 数の実行を遅延させるプラグイン。表示されたタイミングで実行するコールバック関数を実行できる。
今回は商品の表示に使用し、画像の読み込みを遅延させた。自家製プラグイン。
[...] cubdesign » jQueryで作る最後まで読んだらOKにするサンプル (tags: tutorials jquery) [...]