当前位置: 首页 > 面试题库 >

jQuery动态加载Javascript文件

翁硕
2023-03-14
问题内容

我有一个非常大的javascript文件,仅当用户单击某个按钮时才想加载。我正在使用jQuery作为框架。有内置的方法或插件可以帮助我做到这一点吗?

更多详细信息:我有一个“添加注释”按钮,该按钮应该加载TinyMCE
javascript文件(我已经将所有TinyMCE东西都煮成了一个JS文件),然后调用tinyMCE.init(…)。

我不想在初始页面加载时加载它,因为不是每个人都单击“添加评论”。

我了解自己可以做到:

$("#addComment").click(function(e) { document.write("<script...") });

但是有更好的/封装的方法吗?


问题答案:

是的,使用getScript而不是document.write-
文件加载后,它甚至可以允许回调。

不过,您可能想要在包含TinyMCE之前检查是否已定义TinyMCE(以用于随后的对“ Add Comment”的调用),因此代码可能如下所示:

$('#add_comment').click(function() {
    if(typeof TinyMCE == "undefined") {
        $.getScript('tinymce.js', function() {
            TinyMCE.init();
        });
    }
});

假设您只需要调用init一次即可。如果没有,您可以从这里解决:)



 类似资料:
  • 问题内容: 如何可靠,动态地加载JavaScript文件?这将用于实现模块或组件,该模块或组件在“初始化”时将根据需要动态加载所有需要的JavaScript库脚本。 使用该组件的客户端不需要加载实现该组件的所有库脚本文件(并将标记手动插入其网页),只需加载“主”组件脚本文件即可。 主流JavaScript库如何做到这一点(原型,jQuery等)? 这些工具是否将多个JavaScript文件合并到脚

  • 问题内容: 我有以下代码: 它不起作用。我给了两个按钮,如果按下第一个,则应该加载。如果第二个被按下,则应加载。 我怎样才能做到这一点? 问题答案: 您不能以这种方式将HTML嵌入Javascript。基本上,您想要的是嵌入一个脚本元素,单击按钮时指向某个javascript文件。可以通过将事件与DOM结合来完成:

  • 本文向大家介绍jQuery动态加载css文件实现方法,包括了jQuery动态加载css文件实现方法的使用技巧和注意事项,需要的朋友参考一下 有时我们可能会需要使用 jQuery 来加载一个外部的 css 文件,如在切换页面布局时。思路是创建一个 link 元素,并将它添加到 标记中即可,下边首先看看怎么使用 jQuery 来实现。 下边是我喜欢的写法: 有些朋友可能会使用下边的写法,只是形式有些小

  • 我有一个表单,它首先加载文本字段,并有一个与之关联的时间选择器。用户还可以单击“更多”按钮,该按钮动态加载下面的额外文本字段。这也有一个与之相关联的时间选择器,但是它不会加载到动态字段上。我正在使用Trent Richardson的jQuery timepicker插件http://trentrichardson.com/examples/timepicker 我还找到了以前的答案(https:/

  • 我有一个基于Vaadin 7的应用程序,现在我想把我的组件添加到CustomLayout中。问题是CustomLayout忽略了模板(静态html)文件的头部分,所以这里描述的资源也被忽略了。静态html文件不是Vaadin应用程序的一部分,它们是动态生成的。如何在没有注释的情况下在客户端加载JS和CSS文件(属于静态html): 而且使用JavaScript.execute()也不是好方法。

  • 本文向大家介绍动态加载jQuery的方法,包括了动态加载jQuery的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了动态加载jQuery的方法。分享给大家供大家参考。具体如下: 希望本文所述对大家的jQuery程序设计有所帮助。