Question

I am new to jsTree and am having problems with a very simple example.

My html:

<ul id='categories'>
    <li><a href"/Browse/1">Category 1</a>
        <ul>
            <li><a href="/Browse/3">Subcategory 1.1</a></li>
        </ul>
    </li>
    <li><a href="/Browse/2">Category 2</a>
        <ul>
            <li><a href="/Browse/4">Subcategory 2.1</a></li>
        </ul>
    </li>
</ul>

Code:

<script type='text/javascript'>
    $(document).ready(function() {
    $('#categories').jstree({ 'plugins' : 'html_data' });
});
</script>

Error:

Line: 1694
Error: Exception thrown and not caught

It appears as though jsTree is trying to call the cookie plugin which I do not have installed.

In my case, I do not need or want cookies.

How can I run jsTree without them?

UPDATE:

I tried this plus various combinations of plugins:

<script type='text/javascript'>
  $(document).ready(function() {
  $.jstree.defaults.plugins = ['ui', 'crrm', 'themes', 'html_data'];
  $('#categories').jstree();
});
</script>

The result now is a blank page. The error has gone away though.

Thank you,

Rick

Answer 1

If you look at line 1755, the cookies plugin is being used by default:

// include cookies by default
$.jstree.defaults.plugins.push("cookies");

To remove it your option must be an array so it overrides rather than adds to the defaults, like this:

$('#categories').jstree({ 'plugins' : ['ui', 'crrm', 'themes', 'html_data'] });

This includes the others that are added by default, just remove any you don’t want.

Also the structure needs a bit of a change for html_data to work, like this:

<div id="categories">
    <ul>
        <li><a href="#">Category 1</a></li>
        <li><a href="#">Category 2</a></li>
    </ul>
</div>

Note the addition of the parent element and the anchors. You can give it a try here.
​