1

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 ステートメントを使用する必要がありますか?

ありがとう、ロル

4

1 に答える 1