使用插件jstree将HTML列表创建为复选框树

时间:2018-02-24 作者:Martin

我想用jstree插件创建一个带有复选框的树。我知道我真的很接近解决方案。我正确链接了所有内容,但在我的页面上,它只显示HTML列表,没有树和复选框。有人知道我漏掉了什么吗,这样复选框就可以工作了。

<title> Hi all</title>
<link rel="stylesheet" href="<php echo get_stylesheet_directory_uri().
\'/js/jstree/dist/themes/default/style.min.css\';?>" />

<div id="data">
<ul>
<li>One</li>
        <li>Two</li>
        <li>Three
        <ul>
        <li>Bike</li>
        <li>Ride</li>
</ul>
</li>
<li>JOKE</li>
</ul>
</div>

<script src="<php echo 
get_stylesheet_directory_uri().\'/js/jstree/dist/jstree.min.js\';?>"></script>

<script>    $(document).ready(function(){

    $(\'#data\').jstree({"plugin":["checkbox"]}); });</script>

1 个回复
最合适的回答,由SO网友:Martin 整理而成

这对我有用。基本上jquery在

<script 
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js">
</script>
以及错误的PHP标记。谢谢你这么说。您可以在下面找到完整的代码。

<title> Hi all</title>
<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri().
\'/js/jstree/dist/themes/default/style.min.css\';?>" />
<div id="data">
<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three
    <ul>
        <li>Bike</li>
        <li>Ride</li>
</ul>
</li>
<li>JOKE</li>
</ul>
</div>
<script 
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js">
</script>

<script src="<?php echo 
get_stylesheet_directory_uri().\'/js/jstree/dist/jstree.min.js\';?>"></script>

<script src="<?php echo 
get_stylesheet_directory_uri().\'/js/jstree/dist/tree.js\';?>"></script>

结束