-
BLOG
知る。残す。伝える。
コーディングしていますか？私はぼちぼちさせてももらっています。
コーダーの方だったら共感いただけると思うのですが、日々小さなバグと戦っています。
知識不足な時もあるし、え？のときなど、様々です。
これは覚えておこうというものをいつもEvernoteにメモしているのですが、記事にしようと思いました。
1）jQuery3系でon(‘load’) の動作が安定しない
2）お名前.comのサーバでphpMyAdminの導入を公式サイト通りにしてるのに入らない
3）position: stickyがIEで効かない
4）IOSで残像発生
5）WordPressのリピーターフィールドのサブフィールドが取得できない
$(window).on( ‘load’, function(){});
よく使います。
ある時からできたりできなかったり、動作が安定しなくなりました。
今まで
$(function(){
$(window).on('load', function(){
//ページ全体が読み込まれた時の処理
});
});
と書いていました。これすら間違ってたのかもなのですが、ちゃんと動いてました。
jQuery3系からこの形が許されなくなり、
$(function(){
//htmlロード時の処理
});
$(window).on('load', function(){
//ページ全体が読み込まれた時の処理
});
になったみたいです。
いつから自分がjQuery3系にしていたかも覚えていなかったので、詰みました。
メジャーアップデートの時はちゃんと確認しないとと、反省しました。
サーバはクライアントによってバラバラです。
多いのはやっぱりXserver、ロリポップ、さくらサーバが多い気がします。
そんな中つい最近お名前.comのサーバを触ることがありました。
WordPressのDBを当たり前のようにphpMyAdminからインポートしようとしたら、お名前.comにそもそもphpMyAdminが入っていませんでした。
う、うそやん。と思いました。
公式サイトを確認したところ「ああ、phpMyAdmin？自分で入れたら？」でした。
幸い、公式サイトにphpMyAdminの導入方法が載っていましたのでその通りに行いました。
しかし、エラー発生。うんともすんとも動きません。
詰みました。
公式サイトではphpMyAdmin 4.6.4入れてね！って書いてあるんです。
でもphpMyAdmin 4.6.6でないと動きません。（ちなみに最新は4.9.1）
え？？？？？？？？？？？？？？？
事前にサーバを確認しないとと反省しました。
無事導入はできましたが、1日ぐらい詰みました。
あんまりこのプロパティは使うことがないのですが、最近使いました。
IE11対応していません。対応お願いいたします。
天才の方がgitを公開されていました。
導入はとても簡単でした。jsを入れ込んで、該当要素で実行です。
スマホの時、ナビゲーションを非表示にしておいて、
ある程度スクロールしたら下からフェードインしながら登場。
を実装しました。jsとCSSのtransitionを使っていました。
そしてスマホで確認すると、そのナビの残像のようなものが発生しました。
奇妙でした。
IOSのバグっぽい・・・？です。
アニメーションをつけている要素に対して
transform: translate3d(0,0,0);
をつけておくと直りました。
理由はわかりません。。
ACF Pro好きです。
リピーターフィールドがあるからです。
ある時、リピーターフィールドのサブフィールドを取得して、条件分岐をしようとしました。
<?php $TEST = the_sub_field('サブフィールド');
if($TEST):?>
<?php endif;?>
といった感じです。
できませんでした。
完全に知識不足ですが、代入演算子の時は
the_sub_field()
ではなく、
get_sub_field()
じゃないと取得できないみたいです。
こうです。
<?php $TEST = get_sub_field('サブフィールド');
if($TEST):?>
<?php endif;?>
知りませんでした。
これまでどれぐらいの救世主の方に助けてもらったんだろうかと思います。
この記事も誰かの救世主になりますように・・・・・
© Copyright 2020 NIAR All rights reserved.