设置元素选择 div 以便 jQuery 可选择

发布于 2024-12-29 12:03:04 字数 688 浏览 1 评论 0原文

我正在构建一个使用 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>

更新

在这里找到了一个很好的解决方案:链接在可选择的 UI 内不起作用

I am building a web app that is using jQuery and the widget Selectable to let the user select multiple "files" (divs) on a page. This works fine but I want to specify so that they can only select a div if they click on the image (otherwise I cannot use the link without deselecting the others), how can I do this? Is there a way to deselect using this widget?

My jQuery code.

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

This is my HTML code:

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

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

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

</div>

UPDATE

Found a good solution here: Link doesn't work inside UI Selectable

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

戏蝶舞 2025-01-05 12:03:05

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

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

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

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

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

Can you share with more code? I don't know if I understand exactly what you want to achieve, but maybe you can try to use 'disabled' property?

You can set it to true when initializing :

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

and then set it to false on click on the image to allow enable selectable plugin:

$('img').click(function(){
    $( "#selectable" ).selectable( "option", "disabled", false );
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文