我在某些職位上有一些div。我想用鼠標選擇它們,比如何時在Photoshop中選擇對象。所以我想選擇一組div。這與jQuery的可能嗎?如何在Photoshop中選擇像jQuery一樣的div? (選擇區域)
回答
您可以通過更改的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');
});
您可以使用imgAreaSelect插件作爲您的代碼的基礎。
有jQuery Drag to Select,這可能會解決你的問題。
感謝jorenb,看起來不錯:) – 2009-08-17 12:25:16
祝你好運;-) – JorenB 2009-08-17 12:35:15
有問題與它一起工作,有人知道如何運行該網站上的那個例子? – 2009-08-17 13:40:36
- 1. JQuery圖像選擇區域
- 2. 選擇圖像的區域
- 3. 在Photoshop中選擇
- 4. 選擇區域
- 5. jQuery的如何選擇DIV
- 6. 如何在Photoshop中發佈選擇?
- 7. 選擇圖像中第二大區域
- 8. 複選框選擇區域
- 9. MySQL選擇區域
- 10. 選擇區域OpenCV
- 11. 如何在jQuery中選擇特殊div
- 12. jQuery的選擇DIV
- 13. 如何在JavaScript區域選擇表中選擇一個td範圍?
- 14. jquery選擇器必須選擇一個區域沒有在該區域中的元素
- 15. 如何選擇,通過JavaScript在Photoshop
- 16. 如何在選擇中禁用並選擇選項的樣式?
- 17. jquery show div選擇後形式選擇
- 18. 選擇弧上的區域
- 19. 選擇器 - 如何選擇div中的第一個輸入?
- 20. jquery區域日期選擇器問題
- 21. 如何選擇一個選擇框第一個選項的jQuery
- 22. 如何使用jQuery選擇器選擇特定的div?
- 23. jQuery選擇器:如何選擇父div中的另一個元素
- 24. 一次只能選擇一個區域
- 25. 如何使用JS/jQuery在div中選擇圖像
- 26. 追加日期選擇器選擇一個文本區域
- 27. 在div中選擇和取消選擇幫助在jquery
- 28. 如何在jQuery中選擇一個小孩的div divc的
- 29. jQuery - 如何選擇之前選擇的選擇選項?
- 30. 如何在文本區域中選擇(一個或多個)行
你的意思是像一個拖動選擇?就像在幾個對象周圍拖出一個框,然後將所有包含的對象標記爲選中狀態? – JorenB 2009-08-17 12:14:34
是的,這正是我的意思..是可能與jQuery的? – 2009-08-17 12:17:13