soarhorse

社会に出てだいぶ経つウェブデザイナーが、色々書いたりしてます。

jQuery Web

【jquery】jquery3.0以降のバージョンで「jquery.heightLine.js」が動作しなかった

投稿日:2017年2月15日 更新日:

どうもれーめんです。

タイトル通りですが、jquery 3.0以降のバージョンで「jquery.heightLine.js」が動作しなかったため、少し調べたところ動作するようになりました。

jquery1のバージョンを使用することが多かったので、普段通りの記述で大丈夫と思っていたら何故か動作せず。
chromeのコンソールエラーを確認したところ、エラーが出力されていました。

Uncaught TypeError: a.indexOf is not a function
    at r.fn.init.r.fn.load

google翻訳にかけるとそんな関数ないよ的な感じのニュアンスだったので、
jqueryのバージョンが悪いのかなと思い検索すると案の定、「.load」が3.0だと廃止になっていました。

参考にしたサイト様の記事

jQuery 3.0 での .load .unload .error の代替

修正前のコード

$(window).load(function(){
	$("div").heightLine();
});

修正後のコード

$(window).on("load",function(){
	$("div").heightLine();
});

「.on」の中に「.load」を指定?する感じになってたようです。

-jQuery, Web

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

no image

【IE11】table内にあるimg要素に対してmax-width:100%が効かなかった

どうもれーめんです。 タイトル通りですが、何故か効かなかったので調べたところ、下記のブログ記事にて解決。 Firefoxでtableが絡むと、max-widthが効かないんだよお、の時の対処法 親要素 …

no image

【Dropbox】WindowsとMac間でファイルが共有できなかった話

どうもれーめんです。 朝晩は少し冷えるものの、日中は過ごしやすくなったので仕事さぼって遠出したくなる季節に。 新入学の学生を見ると羨ましくなったりしてあれな気分に・・・。 花見とかはしなかったですが、 …

no image

【Mac Safari】Web上の一部テキストに余白が生まれた件

どうもれーめんです。 先日、Mac Safari環境でLP作成のチェックを行っていたときに、一部テキストの前だったり後ろに謎の余白が発生していました。 そんなCSSは指定していなかったのでなんでじゃー …

no image

【WordPress】CPIレンタルサーバーにWordPressをインストールした話

どうもれーめんです。 先日、「CPIレンタルサーバー」にWordPressをインストールする作業がありました。 契約されていたプランが現行をより古い内容で、サーバーの機能も古く、PHPやMySQLのバ …

no image

【jQuery】特定のhtmlタグの前後に新たなhtmlタグで囲む

どうもれーめんです。 最近、必要人なったので調べて使ったことを備忘録として書きます。 ASPでhtmlを直接触れないページで、特定のhtmlタグの前後に新たなhtmlタグで囲う必要が出てきたので調べま …