2009-08-17 67 views
1

我在某些職位上有一些div。我想用鼠標選擇它們,比如何時在Photoshop中選擇對象。所以我想選擇一組div。這與jQuery的可能嗎?如何在Photoshop中選擇像jQuery一樣的div? (選擇區域)

+1

你的意思是像一個拖動選擇?就像在幾個對象周圍拖出一個框,然後將所有包含的對象標記爲選中狀態? – JorenB 2009-08-17 12:14:34

+0

是的,這正是我的意思..是可能與jQuery的? – 2009-08-17 12:17:13

回答

1

您可以通過更改的div的類模擬所選的效果,如:

$('div.selectable').click(function() { 
    $(this).addClass('.selected'); 
}); 

如果你想div來獲得未選擇的是一直再次點擊後,你可以這樣做:

$('div.selectable').click(function() { 
    if($(this).is('.selected')) { 
     $(this).removeClass('.selected'); 
    } else { 
     $(this).addClass('.selected'); 
    } 
}); 

或更簡潔與三元運算符:

$('div.selectable').click(function() { 
    var $div = $(this); 
    $div.is('.selected') ? $div.removeClass('.selected') : $div.addClass('.selected'); 
}); 
3

jQuery Drag to Select,這可能會解決你的問題。

+0

感謝jorenb,看起來不錯:) – 2009-08-17 12:25:16

+0

祝你好運;-) – JorenB 2009-08-17 12:35:15

+0

有問題與它一起工作,有人知道如何運行該網站上的那個例子? – 2009-08-17 13:40:36