jsTree导致整个页面上的链接被破坏

Question

您好， 我有以下问题。在我的 asp.net mvc 页面（这是部分视图）中，我创建了一个 jsTree 实例，如下所示：

<script type="text/javascript">
    $(function() {
        $("#industries").tree({
            callback: {
                onselect: function(NODE, TREE_OBJ) {
                    $("#SelectedIndustryROWGUID").val($(NODE).attr("id"));
                    $("#resultMessage").append($(NODE).attr("rel"));
                }
            },
            data: {
                type: "json",
                async: true,
                opts: {
                    method: "GET",
                    url: "/CreateMessage/GetIndustries/"
                }
            }
        });
    });

这很好用，但是当我点击页面上的任何链接时，它就不起作用了。当我从上下文菜单中选择“在新选项卡中打开”选项时，将执行链接。当我删除上述部分时，一切正常 有人可以帮我解决这个问题吗？

编辑 我把上面的代码改成如下：

<script type="text/javascript">
$(document).ready(function() {
    $("#industries").tree({
        callback: {
            onselect: function(NODE, TREE_OBJ) {
                $("#SelectedIndustryROWGUID").val($(NODE).attr("id"));
                $("#resultMessage").append($(NODE).attr("rel"));
            }
        },
        data: {
            type: "json",
            async: true,
            opts: {
                method: "POST",
                url: "/CreateMessage/GetIndustries/"
            }
        }
    });
});

（我添加了 $(document).ready(function() { ... 但它也没有帮助

EDIT2 我也在 jsTree 讨论组上问过这个问题，我得到了答案。将 jquery 升级到 1.4.2 版本解决了问题！

Answer 1

<script type="text/javascript">
    $(function() { <--- here change to --> $(document).ready(function(){
        $("#industries").tree({

当您执行$(something) 时，jquery 期望“某物”成为选择器，在您的代码中您直接给它一个函数，而不是 jquery 认为是选择器的任何东西。