skipprを実装したい…

無料新規登録

会員の方はログイン

トピック

コミュニティ

お知らせ

質問・疑問

Fc2公式のテンプレート「Diary_2column」のヘッダーを変更したくて、jQueryのskipprをダウンロードしました。

dist>skippr.cssのheight:300pxに変更後
dist>skippr.cssとskippr.jsをファイルアップロードしました

そしてこちら↓のブログを参考に変更してみましたが
http://blog.raizzenet.com/how-to-use-skippr/
全く動作しません

<header></header>内に設置しました

以前のレスポンシブじゃないテンプレートのときは
jQueryも動作してくれたんですが…

どうすればいいんでしょうか…
ご教授くださいませ

by 2016年01月28日 12:20

by
2016年01月28日 12:20

コメント一覧新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順 | 古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

＞＞さらにはテンプレートのも動作しなくなるという

これ今のテンプレートの話でした

プラグインがskipprオススメjQueryに対応してないのか
変な動きになるので
やめたんでした

すみません

なんかボケーっとしてました(涙)

by 2016年02月07日 03:48

by
2016年02月07日 03:48
あ！お返事頂いてたんですね
すみません
言葉足らずでした

なぜかプラグインにある
googleにホストされてるjQueryファイルを外し、
テンプレートのものだけにすると
プラグインの動作がおかしくなり
さらにはテンプレートのも動作しなくなるという

私のようなものには全く皆目見当もつかない状態になってしまい
もう仕方ないわ(涙)
というわけでした

すみません

by 2016年02月07日 03:25

by
2016年02月07日 03:25
んー。なんかJqueryのことをご理解頂けていない気がします(笑)
Jqueryファイルを一つにしてもプラグインはそのまま使えますけれどもね。
テンプレ内にいくつものバージョンが存在していてはいけないよ、ということなのですが。

その灰色というかグレーは元々のヘッダー背景色です。
それは質問者さんが任意で変更すべき点です。

なんにしても元に戻されるということですので私はこれで。
お疲れ様でした。

by vanillaice (Akira) 2016年01月28日 18:32

by vanillaice (Akira)
2016年01月28日 18:32
MacOS10.11.3
Safariです

MacPro(Late2013)です

こんなかんじで一部上が灰色に…

ちなみにいろいろとご教授いただいて申し訳ないのですが
元のテンプレに戻そうと思います

優先順位はプラグインなので
それを使いたいので

本当にありがとうございました

お手数をおかけして申し訳ありません

by 2016年01月28日 18:25

by
2016年01月28日 18:25
んー。その灰色の帯というのは私からは確認できないです　(´・ω・｀)
Macからアクセスしています。

お使いのOSとブラウザって何なんでしょう。
後ほどWindows10からも見てみますね。
ちょっと私お客様とお食事の予定が　（￣∀￣；）
お仕事して参りますー　ヾ(･ω･｡)
中途半端で申し訳ないです。

戻ったら出来ていますように(笑)

by vanillaice (Akira) 2016年01月28日 18:18

by vanillaice (Akira)
2016年01月28日 18:18
わかりました
プラグインでした
スミマセン…

by 2016年01月28日 18:03

by
2016年01月28日 18:03
すみません

えっと検索してもヒットせず
これしか入ってないはずなんですが
<script type="text/javascript" src="http://static.fc2.com/js/lib/jquery-1.10.2.min.js"></script>

灰色というのは、画像上、タイトル下の濃い灰色の帯です

重ね重ねすみません…

by 2016年01月28日 17:58

by
2016年01月28日 17:58
それから、二枚目の画像の
08.jpg
の後ろに改行入ってませんか　(´・ω・｀)
改行削除してください。

灰色、というのは何のことやろ　（￣∀￣；）

by vanillaice (Akira) 2016年01月28日 17:51

by vanillaice (Akira)
2016年01月28日 17:51
いやいや。直ってない(笑)

Ctrl+Fキー検索

jquery/1.7.1/jquery.min.js

これ２つ入ってるはずです。
これが害になってます。
何故ならせっかく<head>に入れたJqueryライブラリが1.10.2というバージョンなのに、この1.7.1がそれよりも後方に記述されているので、結果どうなっているかというとミロさんのページのJqueryバージョンは「1.7.1」です。

htmlの記述順序というのは後方が優先です。
CSSも同じく。
例えば内容が重複して

#abc {
height: 200px;
}

#abc {
height: 500px;
}

とあった場合結果的に高さはどうなるかというと500pxになります。
Jqueryライブラリというのは各種プラグインを動かすためのエンジンみたいなものです。
エンジンを2つも3つも搭載している車というのはそうそう無いわけで。
各プラグインに1つづつ入れるためのものではないんです。
今一度ご確認ください。

by vanillaice (Akira) 2016年01月28日 17:45

by vanillaice (Akira)
2016年01月28日 17:45
上が灰色に切れてるのはどうすればいいんでしょうか…？

by 2016年01月28日 17:45

by
2016年01月28日 17:45