Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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
jQuery Treeview:以编程方式打开分支_Jquery_Jquery Plugins - Fatal编程技术网

jQuery Treeview:以编程方式打开分支

jQuery Treeview:以编程方式打开分支,jquery,jquery-plugins,Jquery,Jquery Plugins,我正在使用jQuery,我想知道是否可以通过编程方式打开分支 我正在使用一个树视图和一系列复选框。每个LI节点都包含复选框和标签。用户可以展开/折叠分支并检查所需的选项。但是,用户可能会间接调用ajax调用,导致某些复选框被选中(包括由于位于折叠节点内部而不可见的复选框) 因此,如果我的ajax回调选中了我的任何复选框,我希望打开包含这些复选框的分支。这是我的第一次尝试: $('my#u Treeview').find(“:checked”).closest(“li”).addClass(“op

我正在使用jQuery,我想知道是否可以通过编程方式打开分支

我正在使用一个树视图和一系列复选框。每个LI节点都包含复选框和标签。用户可以展开/折叠分支并检查所需的选项。但是,用户可能会间接调用ajax调用,导致某些复选框被选中(包括由于位于折叠节点内部而不可见的复选框)

因此,如果我的ajax回调选中了我的任何复选框,我希望打开包含这些复选框的分支。这是我的第一次尝试:

$('my#u Treeview').find(“:checked”).closest(“li”).addClass(“open”)


不幸的是,这不起作用。因为treeview包含很多元素,所以首先简单地扩展所有分支对我来说是不实际的。

它看起来不包含任何打开分支的方法

要手动执行此操作,您需要手动修改类并显示/隐藏UL可见性

查看他们的演示,看看UL的父母在其扩展和崩溃时获得了哪些课程。手动应用这些类,然后在UL上执行.show()。应该是这样


或者,(这是Treeview的创建者推荐的),检查一下。我已经在很多场合使用过它,我很喜欢它。它允许您完成您提到的所有操作。

它看起来不包含任何打开分支的方法

要手动执行此操作,您需要手动修改类并显示/隐藏UL可见性

查看他们的演示,看看UL的父母在其扩展和崩溃时获得了哪些课程。手动应用这些类,然后在UL上执行.show()。应该是这样


或者,(这是Treeview的创建者推荐的),检查一下。我已经在很多场合使用过它,我很喜欢它。它允许你做你提到的所有事情。

这是可行的。但不是通过.addClass(“打开”)。这样做,至少对我来说是不成功的。若要仅打开您自己的节点,请在所有节点都已折叠的状态下,尝试以下操作:

.parents('ul').show()

例如:

function openMyOwnBranchInTree(idLeaf) {                    
        $('#table' + idLeaf).parents('ul').show();                
}

这是可行的。但不是通过.addClass(“打开”)。这样做,至少对我来说是不成功的。若要仅打开您自己的节点,请在所有节点都已折叠的状态下,尝试以下操作:

.parents('ul').show()

例如:

function openMyOwnBranchInTree(idLeaf) {                    
        $('#table' + idLeaf).parents('ul').show();                
}

我遇到了一个类似的问题,并按如下方式进行了修复:

$("span:contains('" + something + "')").parent().addClass('open').find('ul').css({'display':'block'});
通过这种方式,我在树中搜索一个特定的条目,并通过更改来打开它

<ul id="browser" class="treemenu treeview">
  <li class="expandable"><span>something</span>
    <ul style="display: none;">
      <li>...</li>
      ...
    </ul>
  </li>
</ul>
  • 什么
    • ...
进入

    • ...

…而且效果很好

我遇到了一个类似的问题,并这样修复了它:

$("span:contains('" + something + "')").parent().addClass('open').find('ul').css({'display':'block'});
通过这种方式,我在树中搜索一个特定的条目,并通过更改来打开它

<ul id="browser" class="treemenu treeview">
  <li class="expandable"><span>something</span>
    <ul style="display: none;">
      <li>...</li>
      ...
    </ul>
  </li>
</ul>
  • 什么
    • ...
进入

    • ...

…而且效果很好

我为我的问题更新延迟道歉,我终于抽空确认你的答案是正确的。非常感谢!我为我的问题更新延迟道歉,我终于抽空确认你的答案是正确的。非常感谢!