设置元素选择 div 以便 jQuery 可选择
我正在构建一个使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以分享更多代码吗?我不知道我是否完全理解你想要实现的目标,但也许你可以尝试使用“禁用”属性?
您可以在初始化时将其设置为 true :
然后在单击图像时将其设置为 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 :
and then set it to false on click on the image to allow enable selectable plugin: