防止多重圖像選擇使用jQuery imgAreaSelect

頁面可以有任意數量的圖像，所以我已分配類的圖像，使所有的代碼其中。

$('img.select').imgAreaSelect({ 
... 
});

的問題是，一旦選擇已經在我想，以防止在頁面上的剩餘圖像正在取得另一個選擇圖像中的任意1發。基本上我正在尋找除了我選擇的圖片之外的所有圖片的插件。

我也希望能夠在使用我已經保存了一些COORDS再次點編輯的選擇，所以這是實例API進來 - http://odyniec.net/projects/imgareaselect/usage.html#api-methods

我會因此被看沿線做點事

var select1 = $('img.select1').imgAreaSelect({ 
... 
}); 

var select2 = $('img.select2').imgAreaSelect({ 
... 
}); 

etc

問題是沒有定義數量的圖像。我可以使用類似$('img.select').each()的東西嗎？儘管如此，仍然沒有幫助附加一個數字。我認爲設置api實例部分將有助於解決我的第一個問題。

我的問題是，我怎麼能動態地創建一個imgAreaSelect實例頁面上的每個IMG與類的選擇（也可能有附加到它（我已經存儲在name attr）使用一個數字）和時選擇圖像會禁用頁面上的所有其他實例？謝謝！

2012-02-17 leejmurphy

好的，所以我用.each()去遍歷每個圖像並將imgAreaSelect的實例添加到數組中。從那裏我可以打電話給我需要的任何圖像。

var images = {}; 
var i = 1; 
$('img.select').each(function(){ 
    images[i] = $('img.select.' + i).imgAreaSelect({ 
    ... 
    }); 
    i++; 
});

它可能不是最好的或最有效的方式...雖然看起來很整潔。仍然接受建議。

2012-02-18 17:44:42 leejmurphy

回答