Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可选择事件_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 可选择事件

Javascript 可选择事件,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我在JQuery中遇到了一个小问题。可选函数 我想做的是将一些事件绑定到每个选项卡 我可以处理每个选项卡的单击事件 但问题是当我选择两个或更多选项卡时 我不知道该怎么办 例如,如果我单击并仅通过拖动一个选项卡进行选择 某些排序功能必须是工作和 此外,每个不同定义的函数必须在拖动多个选择时起作用 当然,我可以使用一些标志欺骗来解决这个问题 但这不是我真正想要的 有没有人有一些有效的解决方案 $("#selectable2").selectable( { selecte

我在JQuery中遇到了一个小问题。可选函数

我想做的是将一些事件绑定到每个选项卡

我可以处理每个选项卡的单击事件

但问题是当我选择两个或更多选项卡时

我不知道该怎么办

例如,如果我单击并仅通过拖动一个选项卡进行选择

某些排序功能必须是工作和

此外,每个不同定义的函数必须在拖动多个选择时起作用

当然,我可以使用一些标志欺骗来解决这个问题

但这不是我真正想要的

有没有人有一些有效的解决方案

   $("#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);
    }
    }
});