「ボタンクリックが急に出来なくなった原因」が、どうしても分からない場合の解決候補案
状態:-
閲覧数:2,731
投稿日:2013-11-15
更新日:2017-10-29
実際に遭遇した例
・いつものようにブラウザ閲覧していたら、急にボタンクリックが出来なくなる
※対象 … 自分で作成しているサイト
・jsエラーを全て潰しても解決しない
・泣きそうになりながら7時間近く粘るも全て挫折…
・ChromeとFirefoxで編集ボタンをクリックできない
・IEは可能
・ボタンを囲うdiv枠displayを、inline指定していた
・「display:inline-block」へ変更すると、無事動作するようになる
・いつものようにブラウザ閲覧していたら、急にボタンクリックが出来なくなる
※対象 … 自分で作成しているサイト
・jsエラーを全て潰しても解決しない
・泣きそうになりながら7時間近く粘るも全て挫折…
現象
・ChromeとFirefoxで編集ボタンをクリックできない
・IEは可能
原因
・ボタンを囲うdiv枠displayを、inline指定していた
・「display:inline-block」へ変更すると、無事動作するようになる
何が問題なの?
inline指定
・そもそも、何故ボタンを「inline指定してるの?」て話だが、該当部分が「btn-group」+「ややこしいレイアウト」だったこともあり、不本意ながら「inline指定」したような記憶がかすかにある
・希望通りのレイアウトで動作確認までしたんだから、それでいいじゃんね
・実際、2年近く利用して問題なかったわけだし
ボタンクリックできない
・ところが、今日の3時頃、急にボタンクリックできなくなる
・ファイルとか何も変更してないのに…
・????
・もうパニックですよ!
挙動変更原因
急に挙動が変わった原因として挙げられるのは?
・ブラウザバージョンアップによる影響?
・HTTPで外部から読み込んでいる何らかのファイルの影響(何だそれ…)
感想
・一番の問題は当初のCSS指定誤りであることは明白なのだが、でも、当時は動作していたわけだし…
・いきなり動作しなくなるのはマズイでしょうよ
・肝冷やしたわ
・ものすごく焦ったんだから!
・ホント、解決して良かったよ
CSSがどうしても効かない → 該当CSSの読込可否 → 該当CSSの反映可否
「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく