2013-08-31 77 views
0

我試圖通過jhollingworth實現bootstrap-wysihtml5。Bootstrap-wysihtml5:內容不可編輯

在我的一個網頁上它可以很好地工作,但在不同的頁面上內容是不可編輯的。 代碼幾乎完全相同(佈局除外,...),但如果我在Google chrome中執行「檢查元素」,則會看到2個不同的輸出。

工作代碼:

<table> 
<tr> 
<td> 
<textarea id="msgcompose_msg"></textarea> 
<script> 
$(document).ready(function() { 
    $("#msgcompose_msg").wysihtml5(); 
}); 
</script> 
</td> 
</tr> 
</table> 

輸出:http://i.imm.io/1gGDY.png

不工作代碼:

<p> 
<textarea id="forum_topic_view_reply_reply"></textarea> 
<script> 
$(document).ready(function() { 
    $("forum_topic_view_reply_reply").wysihtml5(); 
}); 
</script> 
</p> 

輸出:http://i.imm.io/1gGEy.png

個人而言,我不知道爲什麼輸出是不同的

+0

你有沒有在文件中的js文件不起作用 – Hive7

+0

請你可以做一個小提琴,這樣我們可以測試 – Hive7

回答

0

發現它是該行的錯誤:

$("forum_topic_view_reply_reply").wysihtml5(); 

你需要這個來代替:

$("#forum_topic_view_reply_reply").wysihtml5(); 

由於有在它的第二個實例不包括hashtag的頁面一直在尋找一種叫做標籤forum_topic_view_reply_reply不是一個ID

+0

這一定是我的一個錯字,因爲它沒有任何區別,wysihtml5()的東西仍在加載,只有textarea本身不工作.. – user2674567

+0

@MrCoder嘗試讓腳本在p標籤之外,因爲這是不好的做法 – Hive7