Javascript 可选择事件
我在JQuery中遇到了一个小问题。可选函数 我想做的是将一些事件绑定到每个选项卡 我可以处理每个选项卡的单击事件 但问题是当我选择两个或更多选项卡时 我不知道该怎么办 例如,如果我单击并仅通过拖动一个选项卡进行选择 某些排序功能必须是工作和 此外,每个不同定义的函数必须在拖动多个选择时起作用 当然,我可以使用一些标志欺骗来解决这个问题 但这不是我真正想要的 有没有人有一些有效的解决方案Javascript 可选择事件,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我在JQuery中遇到了一个小问题。可选函数 我想做的是将一些事件绑定到每个选项卡 我可以处理每个选项卡的单击事件 但问题是当我选择两个或更多选项卡时 我不知道该怎么办 例如,如果我单击并仅通过拖动一个选项卡进行选择 某些排序功能必须是工作和 此外,每个不同定义的函数必须在拖动多个选择时起作用 当然,我可以使用一些标志欺骗来解决这个问题 但这不是我真正想要的 有没有人有一些有效的解决方案 $("#selectable2").selectable( { selecte
$("#selectable2").selectable(
{
selected: function()
{
$(".arcplan").on("selectableselected", function()
{
$(".big-tile").hide(200);
})
}
});
<div class="menu">
<div class="inner">
<ol id="selectable2">
<li class="alltype2">all</li>
<li class="arcplan">Arcplan</li>
<li class="msbi">MSBI</li></li>
<li class="excel">Excel</li>
<li class="etc">etc</li>
</ol>
</div>
</div>
从文档中:
试一试
演示:-当您单击Arcplan时,大平铺元素被隐藏,如果您选择任何其他内容,它将显示回来。$selective.selective;这就是我所做的一切。看起来就像一首诗没有代码/小提琴…:我只是上传了一些代码。我的意思是我需要一些函数工作取决于每个列表的状态单击,拖动两个选项我只是根据下面的示例更改了一些代码,但仍然不工作。请给我一些提示……我不知道你想做什么。你能创建一个JSFIDLE吗?看起来你的代码中有一些错误。您正在使用类选择器而不是id,并且正在将selectableselected事件侦听器注册到随机元素。我从编辑器中复制了错误的代码,我将类选择器更改为id,但仍然无法工作。如何将selectableselected事件侦听器注册到特定元素?例如,当我想在拖动时进行一些事件绑定时,单击Select motion a li class=excel,如何正确使用selectableselected event listner?工作非常完美,完全符合我的要求。我从未想过尝试使用hasclass进行过滤。原谅这个小菜鸟。thx阿伦!
$('#selectable2').selectable();
$('#selectable2').on('selectableselected', function(event, ui){
doSomethingWithTheSelected(event.target);
});
$("#selectable2").selectable({
selected : function(event, ui) {
if($(ui.selected).hasClass('arcplan')){
$(".big-tile").hide(200);
}
}
});