jquery - 添加内容后调用js文件

Question

我想知道添加内容后如何调用 iframe 头中的所有 js 文件。

例如 - 在 tinyMCE 添加表后，我想在 iframe 头中加载 jquery 移动文件（发送调用），以便 js 文件能够识别属性。比如 data-role="page 。

Answer 1

有一种将 CSS 加载到文档头部的标准方法。查看Tinymce API 提供的loadCSS函数：

// Loads a CSS file dynamically into the current document
tinymce.DOM.loadCSS('somepath/some.css');

// Loads a CSS file into the currently active editor instance
tinyMCE.activeEditor.dom.loadCSS('somepath/some.css');

// Loads a CSS file into an editor instance by id
tinyMCE.get('someid').dom.loadCSS('somepath/some.css');

// Loads multiple CSS files into the current document
tinymce.DOM.loadCSS('somepath/some.css,somepath/someother.css');

可以将 js 文件加载到头部。我们使用这样的东西

doc = tinyMCE.activeEditor.getDoc();

script = doc.createElement('script');
script.src = 'http://example.com/whatever_you_want.js';
script.type = 'text/javascript';

head = doc.getElementsByTagName('head')[0];
head.appendChild(script);

Answer 2

您可以使用$.getScript

这是语法

 $.getScript("ajax/test.js")
 .done(function(script, textStatus) {
    console.log( textStatus );
 })
 .fail(function(jqxhr, settings, exception) {
    $( "div.log" ).text( "Triggered ajaxError handler." );
 });

而get script其实可以在ajax里面，可以说是这个的简写

 $.ajax({
  url: url,
  dataType: "script",
  success: success
});