設置元素爲jQuery選擇div選擇

我正在構建一個使用jQuery和小部件Selectable的web應用程序，讓用戶在頁面上選擇多個「文件」（div）。這工作正常，但我想指定，以便他們只能選擇一個div，如果他們點擊圖像（否則我不能使用鏈接，而不取消選擇其他人），我該怎麼做？有沒有辦法取消選擇使用這個小部件？設置元素爲jQuery選擇div選擇

我的jQuery代碼。

<script> 
$(function() { 
    $("#selectable").selectable(); 
}); 
</script>

這是我的HTML代碼：

<div class="file" id="<?php echo $i; ?>"> 

<img src="images/file_icon.jpg" /> 

<a href="#">Information</a> 

</div>

UPDATE

找到一個很好的解決方案在這裏：Link doesn't work inside UI Selectable

來源

2012-01-30 Jonathan Clark

你能有更多的代碼共享？我不知道我是否完全理解你想要達到的目標，但也許你可以嘗試使用「禁用」屬性？

初始化時，您可以將其設置爲true：

$("#selectable").selectable({ disabled: true });

，然後將其設置爲false點擊圖片以允許啓用可選插件：

$('img').click(function(){ 
    $("#selectable").selectable("option", "disabled", false); 
});

來源

2012-01-30 10:46:31

基本上有沒有更多的代碼。我想在點擊圖片時選擇#photo div，否則在嘗試使用鏈接時選擇div。 – 2012-01-30 10:49:28

在這裏找到了一個很好的解決方案：http://stackoverflow.com/questions/4331303/link-doesnt-work-inside-ui-selectable。與那工作很好。 – 2012-01-30 10:52:49

設置元素爲jQuery選擇div選擇

回答

相關問題