2014-01-17 33 views
0

我有兩頁。 page1和page2。在第2頁中,有一個tinymce init:通過AJAX加載時不會出現TinyMCE

$(document).ready(function(){    
    tinymce.init({ 
     selector: "textarea", 
     theme: "modern"    
    }); 
}); 

在page1中,它通過ajax請求請求page2並顯示html。

$.ajax({ 
    url: "page2.php", 
    success: function(data) { 
     $("#ToolFrame").html(data); 
    } 
}); 

但是,當我這樣做textarea是正常的。但是當我手動導航到page2而沒有AJAX請求時,TinyMCE出現。 它不會在控制檯中顯示任何錯誤消息。

我該如何解決這個問題,以便在帶有AJAX請求的第一頁上顯示TinyMCE?

+0

準確的背後是什麼樣的思路? – dcodesmith

+0

那麼它是我正在做的非常簡化的版本。我有一個帶有鏈接的導航欄,當用戶點擊一個鏈接時,框架會載入一個頁面(在本例中爲一個tinymce編輯器)。編輯器唯一不會加載的。 –

+0

此幀是否在實際頁面中,爲什麼不爲其創建新的tinymce?爲什麼從其他頁面獲得tinymce編輯器? – dcodesmith

回答

0

您應該在.html(data)之後的成功回調中調用您的tinyMCE代碼;

$.ajax({ 
    url: "page2.php", 
    success: function(data) { 
     $("#ToolFrame").html(data); 
     tinymce.init({ 
      selector: "textarea", 
      theme: "modern"    
     }); 
    } 
}); 
+0

試過這個,但對textarea沒有任何影響。 –

+0

你的tinymce源在page1中調用? –

+0

是的,但似乎我甚至不能做簡單的DOM修改,如$(「#test」)。hide();到AJAX加載頁面。 –