前提・実現したいこと
jQueryで書かれたスクリプトをリファクタリングしていて
Classで整理しようとしています。
発生している問題・エラーメッセージ
ブラウザのコンソール画面で以下のエラーが出ます
jQuery.Deferred exception: jQuery is not a function
該当のソースコード
class ToggleButton { constructor(jQuery) { this.jQuery = jQuery; } hideToggle(jQuery) { jQuery('.example').hide(); } } jQuery(function () { const toggleInstance = new ToggleButton(jQuery); toggleInstance.hideToggle(); });
質問内容
jQueryの場合グローバルに直接処理を書かれているのをよく見るのですが
class内に書くというのは難しいのでしょうか。
そもそもjqueryとES6のclass記法は時代が違うのでこういった書き方自体が想定されていないのかもしれませんが。
jqueryで書かれたソースをメンテナブルにするには
やはり根本からvueやreact,angulerに乗り換えたほうがよさそうでしょうか。
ソース量的にもそこまで多くないこともあり
今回ES6のみ取り入れてその後reactなどに乗り換えようかと考えていますが
皆様のおすすめなどあればそちらもうかがいたいです。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/18 08:40