For Want Of A Better Word

【説明はちゃんと読もう!】Jquery PageSlideが動かない

      2016/02/21

ここの奴。
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-pageslide.html
http://srobbin.com/jquery-plugins/pageslide/

jquery読み込んでcss読み込んでPageSlideのjs読み込んでとやったのにスライドしない。
コンソールにエラーも出ない。。。

何かなと思ってこちょこちょいじってたら。動いた。
最初は「…の直前に入れる」という説明無視して、headタグでPageSlideを読み込んでしまっていた。

「直前に入れる」というのは、jsで良くある、「操作対象HTMLの近くで読み込んだ方が体感速度が速い」という意味では無く、単純に、動くためにはそこにいる必要があったみたい。

それだけ。

でも苦労したのでメモ。

(その他備忘メモ)
(1)メニュー要素に縦スクロールをつけたい。表示する内容が長い時、iframeでやっているなら問題ないけど、modalの場合は縦スクロールが付かず、途中で切れちゃう。

(2)PageSlideはレスポンシブルで対応してくれるけど、モバイルだとアニメーションがどうしてもカタカタ。jQuery系は全般そういう印象

(3)固定位置表示のcss参考

 - javascript | js, jquery

  関連記事

lgi01a201309210900
【画像で認証リンクまとめ】入力フォームスクリプト対策で画像の数値・文字列を入力して認証するやつ (キャプチャ認証・イメージ認証・画像認証)

Googleとかいろんなフォームで採用されているあれ。 そもそもなんて言えばよい …

js-logo
jQueryでライブラリを読んだときに、読み込めているかチェック。

特定のページだけでライブラリを読んでいて、でも、実行側のjsは共通部品として入っ …

js-logo
【javascript】コールバック関数 クロージャ

[参考] http://dqn.sakusakutto.jp/2009/01/j …

casperjs
【ギブアップ】CentOS+casper.jsでキャプチャを取ると日本語が化けて「□」になる。

=== 追記 === casperjs、phantomjsじゃないけど、wkht …

js-logo
ガジェット(web埋め込み部品)を作りたい① |別ドメイン間でajaxデータ通信

ちょっとガジェット的なものを作りたい。 データは自サーバーにある。 とりあえずa …