jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何重新加载/重新绘制/更新JQuery插件以刷新它的值?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我怀疑它确实很容易实现,但我找不到如何做到这一点.
是否可以在不刷新整个页面的情况下重新加载 JQuery插件,以便刷新它的值?我已经阅读了类似的问题,但他们的目标是特定的插件!我想知道是否有人知道实现这一点的“通用”方法,因此可以在许多JQ插件中使用它.应该有办法确实做到这一点……

无论如何,更具体地说,我要求这个问题重新加载JQuery File Tree
我有这个:

JAVASCRIPT

$(document).ready( function() {
    $('#fileTree').fileTree({
        root: '/some/path/to/somewhere/',script: 'js/jqueryFileTree-1.01/connectors/jqueryFileTree.PHP',folderEvent: 'click',expandSpeed: 1000,collapseSpeed: 1000,multiFolder: false,loadMessage: 'Loading...'
        },function(file) {
            relativePath=file.replace("/some/path","");
            aFunction(relativePath,file);
        });
    });

HTML

<div id="fileTree" class="fileTree"></div>

在某个时刻,我有AJAX PHP代码让我删除所选文件.这很好用!但是已删除文件显示文件树中.如果我在该函数的成功事件中添加了window.location.reload(),显然整个页面都会被重新加载,而我的树会按预期显示文件夹中的实际文件.

问题:有没有办法重新加载它而不刷新整个页面???

请注意这个插件的作者在Twitter上告诉我:

我没有更多的时间在办公室用另一个插件重写我的代码,我必须完成这个!有任何想法吗?请帮帮我,谢谢=)

解决方法

好吧,如果OP要求直接插件命令来执行此操作,我担心它可能不存在.这是我的解决方案,效果很好.你做的是包装空的< div id =“jstree”>< / div>在父div中,这样的事情:

<div id="file-tree-holder">
    <div id="jstree" ></div>
</div>

然后,在你的javascript中,就在你实例化你的插件之前,你清除父div的内容,然后在父div中重写目标div,如下所示:

$('#file-tree-holder').html('');
        $('#file-tree-holder').html('<div id="jstree" ></div>');
        $('#jstree').fileTree({
            script: '/ajax/file_tree2/' + path,multiFolder: true,expandSpeed: 250,collapseSpeed: 250,loadMessage: 'Loading...'
        });

……而且效果很好.

大佬总结

以上是大佬教程为你收集整理的如何重新加载/重新绘制/更新JQuery插件以刷新它的值?全部内容,希望文章能够帮你解决如何重新加载/重新绘制/更新JQuery插件以刷新它的值?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: