Question

我正在使用一个名为bonsai（http://aexmachina.github.io/jquery-bonsai/）的jquery插件，基本上这有助于创建元素的树视图结构。

一切正常，我试图扩展单节点VIA代码，虽然我可以看到插件有一个默认方法来扩展单个节点

      $.bonsai.defaults = {
        expandAll: false, // boolean expands all items
        expand: null, // function to expand an item
        collapse: null, // function to collapse an item
        checkboxes: false, // requires jquery.qubit

实施如下：

Bonsai.prototype = {
        initialised: false,
        expand: function( listItem ) {
            this.setExpanded(listItem, true);
        },

我仍然无法弄清楚如何调用此方法，尝试了不同的方法，但没有任何效果。

我的代码如下：

<ol id='searchType'>
            <li class='expanded'>
                <b>Partner Type</b>
                <ul>
                    <li>TextBox</li>
                    <li>CheckBOX</li>
                </ul>
            </li>
            <li class='expanded'>
                <b>Region</b>
                <ul>
                    <li>Asia-Pacific</li>
                    <li>Europe, Middle East & Africa</li>
                    <li>Global</li>
                </ul>
            </li>
</ol>

绑定：

   $('#searchType').bonsai()

提前感谢您的时间。

Answer 1

这就是文档如何实现它：

 $('#checkboxes').bonsai({
   expandAll: true,
   checkboxes: true // depends on jquery.qubit plugin
 });

您加载的默认值位于顶部，范围中使用的所有.bansai()方法都将继承这些默认值。

您可以在作者网站上看到更多信息：http://aexmachina.github.io/jquery-bonsai/

编辑：

他们并非全部在初始化时扩展的原因是因为您已在默认设置中禁用此选项。

将您的默认值从expandAll: false更改为expandAll: true（或将其添加到元素初始化中），它应该全部展开。

Answer 2

也许它有点迟了，但我一直在寻找同样的东西，我设法解决它触发了一个＆＃34;点击＆＃34;事件。像这样的东西，扩展所有：

$('#my-bonsai div.thumb').trigger('click');

或者也许这样，扩展第一项

$('#my-bonsai > li > div.thumb').firs().trigger('click');

希望有所帮助

如何调用jquery插件的默认方法？

2 个答案: