jquery - 设置元素以选择 jQuery 可选择的 div

Question

我正在构建一个使用 jQuery 和小部件 Selectable 的 Web 应用程序，以让用户在页面上选择多个“文件”（div）。这工作正常，但我想指定，以便他们只能在单击图像时选择一个 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>

更新

在这里找到了一个很好的解决方案：Link doesn't work inside UI Selectable

score 0 · Accepted Answer

你能分享更多代码吗？我不知道我是否完全理解您想要实现的目标，但也许您可以尝试使用“禁用”属性？

您可以在初始化时将其设置为 true ：

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

然后在单击图像时将其设置为 false 以允许启用可选插件：

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

1 回答 1