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

  関連記事

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

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

js-logo
angular.jsに触ってみる

Monacaで使っていたのと、このページのイカシっぷりに、俄然興味が湧いた。 h …

js-logo
【再度】angular.js_はじめようとする

行くぜ!!angular.js やりたいこと 【参考リンク】今&# …

js-logo
datepicker(カレンダー機能)

datepickerで選択した日付はtextboxなら自動で入る。 カレンダーの …

js-logo
HTMLのコピー禁止とか、右クリックイベントとか

そういう要望があったので調べた。 ここが分かりやすい。 http://penta …