2012-08-27 31 views
1

下面是代碼片斷,它在服務器上打開url並獲取html響應。我可以在firefox調試器中看到 響應,但它不顯示在div標籤中。

$.ajax({ 
    url: url, 
    dataType: 'html', 
    data: '', 
    type: 'POST', 
    success: function(data) { 
     //in firefox debugger i can see complete html response inside data 
     $('#displayContent').html(data); // but here, it does not 
     // append the html inside div displayContent. Instead it makes 
     // the current page blank 
    } 
});​ 

看起來這是因爲發生的「$沒有定義」的錯誤(我在Firefox調試器中看到的)。這是因爲包含下面的JavaScript文件,因爲如果我註釋掉這個文件我沒有得到這個錯誤在Firefox調試器和頁面得到正確顯示。但我不能評論這個文件,因爲我需要它的文本豐富的編輯器。 我不明白爲什麼我得到這個錯誤,雖然相同的tiny_mce.js工作在其他jsp文件?是否有任何關係通過ajax加載html內容?

<script type="text/javascript" src='<s:url value="/script/tinymce/jscripts/tiny_mce/tiny_mce.js"/>'></script> 
+0

您使用的是哪一種微小mce?有一個專門針對jQuery的版本。 – Nal

+0

3.2。對我來說,它看起來不像是與版本相關的問題,因爲相同的js包含在其他jsp文件中並且其工作原因 –

+0

由於jQuery兼容性的一些錯誤修正,您應該升級到3.5。 – Nal

回答

1

jQuery有一個noConflict模式,這將允許您使用不同的快捷方式調用jQuery的功能,離開「$」的其他框架。

http://api.jquery.com/jQuery.noConflict/

+0

你是說要包含這樣的js文件嗎? 但是這不起作用? –

+0

好吧,根據文檔,您應該先加載tinyMCE腳本,然後加載jquery腳本,然後打開noConclict。順序可能會有很大的差異,或者沒有,但是我會在放棄它之前按照文檔嘗試它。 – invertedSpear

0

首先,在項目中包含的jQuery,其次包括TinyMCE的這個樣子。

<script type="text/javascript" src="/script/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>