添加內容後調用js文件

Question

我想知道如何在添加內容後調用iframe頭中的所有js文件。

例如 - 在添加表後的tinyMCE中我想在iframe頭部（發送調用）中加載jquery移動文件，以便js文件能夠識別屬性。如數據角色=「頁面。

Answer 1

可以使用$.getScript

這句法

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

，並得到腳本實際上可以在裏面AJAX，可以說是簡寫本

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

Answer 2

有一種將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);