2010-08-30 160 views
0

嘿,我是jquery的新手,我想知道是否有人可以給我一些幫助,當處理變量。以下是我到目前爲止。我想找到某個div的左邊位置和寬度,然後用這些變量做一些基本的數學運算。對不起,這個解釋有點令人困惑。所以,只是一個例子,我將如何從div寬度創建一個變量,以及如何檢查變量是否相等。檢查變量是否與jquery相等

$(document).ready(function(){ 

//Check distance from left 
var p = $(".GalleryItem"); 
var position = p.position(); 
$(".LeftPosition").text("left: " + position.left + ", top: " + position.top); 

//Check width of GalleryItem 
var GalleryContainer = $(".GalleryItem"); 
$(".WidthText").text("innerWidth:" + GalleryContainer.innerWidth()); 

//Check width of Gallery 
var GalleryContainer = $("#Gallery"); 
$(".WidthGalleryText").text("innerWidth:" + GalleryContainer.innerWidth()); 

}); 

回答

1

當需要在數學計算中使用寬度時,建議使用.width()函數。它還涵蓋了窗口和文檔,而不僅僅是div。

var position = $('.GalleryItem').position(); 
var galleryItemLeft = position.left; 
var galleryItemWidth = $('.GalleryItem').width(); 
var galleryWidth = $('#Gallery').width(); 

// do calculations such as 
var galleryItemRight = galleryItemLeft + galleryItemWidth; 

// check if one width = another 
if(galleryItemWidth == galleryWidth) { ... } 

對於jQuery,使用返回值就像在JavaScript中使用任何返回值一樣。將一個var =設置爲該函數(期待返回值),並與'=='運算符進行比較。在jQuery中,您也可以將實際的選擇器對象設置爲變量,就像您使用'var p = $('。GalleryItem');'要比較選擇器對象,您可以通過它們的屬性(比如位置,寬度,顏色等)來比較它們。

希望這會有所幫助。

1

我猜你可能只是這樣做:

var galleryItemWidth = $(".GalleryItem").innerWidth(); 
var galleryWidth = $("#Gallery").innerWidth(); 

然後就是檢查是這樣的:

if (galleryItemWidth == galleryWidth) { 
    // Do something 
} 
else { 
    // Do something else 
} 

或者,也許我誤解你的問題?

+0

要給這個嘗試,但它看起來像你理解我到底是什麼= D感謝一堆! – salmon 2010-08-30 13:21:07

+0

我將如何去確定說.GalleryItem位置? var galleryItemPosition = $(「。GalleryItem」)。position.left(); – salmon 2010-08-30 13:26:52

+0

我會做類似var position = $(「。GalleryItem」)。position();然後var left = position.left; – PJP 2010-08-30 13:47:29