激しい議論を始めたくはないが、これを知る必要がある. 動的ページ要素を処理する jQuery スクリプトを作成しています。私は非常に OOP スタイルのコーディングに従っていますが、私の質問は次のとおりです。これは Javascript の良いアイデアですか、それともベスト プラクティスですか?
私のスクリプトファイル:
(function($){
hideConditionalSelects = function() {
$('.hiddenchild').closest('tr').addClass('hidefield');
}
showSelectDropdown = function(theFieldName) {
hideConditionalSelects();
$('.toggle' + theFieldName).closest('tr').removeClass('hidefield');
}
toggleFieldVisibiltyByClass = function() {
$('.toggletype').change(function(){
var toggleElem = $(this).find("option:selected").val();
showSelectDropdown(toggleElem);
});
}
$(document).ready(function() {
hideConditionalSelects();
toggleFieldVisibiltyByClass();
});
})(jQuery);
このスクリプトはすぐに 300 ~ 400 行の長さになりがちです。行き過ぎる前に、この書き方が jQuery で適切かどうかを知りたいと思っています。
レンダリング時間などを妨げますか? もっと「手続き的に」書くべきですか?私の質問が明確であることを願っています。あなたの意見に感謝します。ありがとう!