Question

尝试在我的asp.net mvc 5项目中使用jsTree。但无法弄清楚为什么它不起作用？这里也是小提琴。 https://dotnetfiddle.net/24h7Nm。

控制器： -

 public ActionResult ShowTree()
 {
            return View();
 }

查看： -

@{
    ViewBag.Title = "ShowTree";
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.1.0/themes/default/style.min.css" rel="stylesheet" />

<script>
$(function () {
    $("#divTree").jstree();  
});

</script>
<h2>ShowTerms</h2>

<div id="divTree">
    <ul>
        <li>
            Root node 11
            <ul>
                <li id="child_node_1">Child node 1</li>
                <li>Child node 2</li>
            </ul>
        </li>
        <li>Root node 2</li>
    </ul>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.1.0/jstree.min.js"></script>
<script src="~/Scripts/app.js"></script>

Answer 1

在jQuery可用之前，您正尝试使用$。将<script>块向下移动，如下所示：

@{
    ViewBag.Title = "ShowTree";
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.1.0/themes/default/style.min.css" rel="stylesheet" />

<h2>ShowTerms</h2>

<div id="divTree">
    <ul>
        <li>
            Root node 11
            <ul>
                <li id="child_node_1">Child node 1</li>
                <li>Child node 2</li>
            </ul>
        </li>
        <li>Root node 2</li>
    </ul>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.1.0/jstree.min.js"></script>
<script src="~/Scripts/app.js"></script>
<script>
$(function () {
    $("#divTree").jstree();  
});
</script>

jsTree jquery插件在mvc 5中不起作用？

1 个答案: