相关疑难解决方法(0)

将jQuery自定义图像工具提示添加到jsTree

这基本上是此问题的后续措施

我试图将自定义工具提示添加到jstree中,如果鼠标悬停在它们上,它们会显示图像文件的缩略图。它应使用节点的href值标记缩略图并将其粘贴在工具提示中。参考上述文章,我设法使它显示一些任意的文本工具提示,但这显然不是我想要的。

如果我只是将工具提示单独添加到img标签或标签,我怀疑这将是一个问题。但是,我试图为埋在一堆jstree节点中的链接创建自定义工具提示。

例如:

    .on('hover_node.jstree',function(e,data){
            var $node = $("#" + data.node.id);
            var url = $node.find('a').attr('href');

            $("#" + data.node.id).prop('title', url);
        })
Run Code Online (Sandbox Code Playgroud)

做的很好...只是给我一个文本工具提示。但是我真的不知道从这里走到哪里,我已经将头撞墙了好几个小时了,在互联网上搜寻可行的解决方案。

$(function () {
        $(document).tooltip();

        $('#treeView').jstree({
            'core': {
                'multiple': false,
                'check_callback': true,
                'data': {
                    'url': 'Temp/ajax.html',
                    'data': function (node) {
                        return { 'id': node.id };
                    }
                }
            },
            'checkbox': {
                'three_state': false,
                'whole_node': false
            },
            'plugins': ["checkbox"]
        }).on('hover_node.jstree',function(e,data){
            var $node = $("#" + data.node.id);
            var url = $node.find('a').attr('href');

            $("#" + data.node.id).prop({ 'title': url, 'content': '<img src="' + url …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui jquery-plugins jstree

4
推荐指数
1
解决办法
2317
查看次数

标签 统计

jquery ×1

jquery-plugins ×1

jquery-ui ×1

jstree ×1