將類添加到元素，具體取決於它在屏幕的哪一側

Question

我正在製作時間線主題，並且需要爲屏幕右側和屏幕左側的帖子分別設置一個類。我沒有看到我的JavaScript的任何錯誤，但當然它不工作。

var halfScreenWidth = jQuery(document).width() * 0.5; 
var timelinePost = jQuery('.blog .post'); 

jQuery(document).ready(function(){ 
    timelinePost.each(function(){ 
     if(this.position().left < halfScreenWidth){ 
      jQuery(this).addClass('timeline-left'); 
     } else{ 
      jQuery(this).addClass('timeline-right'); 
     } 
    }); 
}); 

Answer 1

在https://jsfiddle.net/zLv4s0ur/26/作了一些修改。

if(this.position().left < halfScreenWidth)

應該

if(jQuery(this).position().left < halfScreenWidth)