JavaScript コードを最小化 (より効率的に) しようとしており、どの方法にアプローチすべきかについて議論しています。
各ページに 2 つの異なるビデオがある 10 以上のページがあります。ログインしていないユーザーには短いビデオが表示され、ログインしているユーザーには長いビデオが表示されます。私はWordPress Webサイトで作業しているので、動的であるため(ページが更新されるたびに変更される)、ビデオプレーヤーID(プラグイン)の代わりに投稿IDを使用して各ビデオをターゲットにしています。ページ上の各ビデオはクラスにラップされているため、いずれかのビデオがクリックされたときにターゲットを設定できます。
例えば、
$f('#post-1883 .short-video .player').bind({
ready : function(e) {
e.preventDefault();
console.log('short video');
// Do something here if it's a short video
}
});
$f('#post-1883 .long-video .player').bind({
ready : function(e) {
e.preventDefault();
console.log('long video');
// Do something here if it's a long video
}
});
例でわかるように、異なる投稿 ID (例: #post-1122、#post-4234 など) を持つ JavaScript ファイルで 10 個の動画をターゲットにすると、反復的でぎこちなくなります。
この状況にアプローチする最善の方法は何でしょうか? switch-case ステートメントを使用する必要がありますか?
ありがとう、ロル