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
datepicker(カレンダー機能)

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

apache-logo
mautic利用時の.htaccess設定(クロスドメインとアクセス制御)

mauticをインストールは下記参照。 http://qiita.com/bez …

js-logo
【反省】jsのreplaceの正規表現パターンはクォーテーションで囲む必要ない

タイトル通り。 いまさら!? ハマって、情けないと思ったのでメモ。 こんなんだっ …

js-logo
Jquery_Ui サンプル探し

インターアクション (Interactions) Draggable/Dropp …

js-logo
メモ_gushから_スクロールに応じてHTML部品の表示 右下前に固定表示

要は最初は要素は固定で右下に表示 固定は下記で実施。 position: fix …