與.slim文件jQuery的DOM包括

當用戶將鼠標懸停在「.arrow IMG」：與.slim文件jQuery的DOM包括

我試圖隱藏/編輯DIV‘＃第1頁’裏面的代碼，以便它是空白。
和編輯DIV「＃第2頁」，因此，它的內碼「包括第2頁」

然而，到目前爲止，它只是將其作爲文本（印「包括第2頁」到頁面上）。

我一直在嘗試.append，.appendTo，.html。

jQuery的文件：

$(document).ready(function(){ 
    $('.arrow img').mouseover(function(){ 
     //$("#page1").[the code edit function (I don't know it)] 
     $("#page2").append("include page2-pg"); 
    }); 
});

HTML /苗條：

div id="page1" 
    include page1-pg 
div id="page2" 
    div id="page2-pg"

對於那些誰不知道我苗條把它翻譯成HTML，並提出了小提琴（如果」幫助任何...）： https://jsfiddle.net/y7q6ca3d/2/

我剛剛用一個隨機向上箭頭的圖片，雖然我在我的電腦上的文件。懸停功能沒有問題，只是它增加了文本行而不是代碼行。

謝謝！

來源

2015-11-08 resfever

你可能會尋找負載（）; https://jsfiddle.net/y7q6ca3d/3/ –

Slim在服務器端運行，所以到JavaScript執行時，不再進行Slim處理。 –

我沒有在index.slim中添加'include ...'，而是確保'include ...'已經存在，但在js文件中隱藏了.hide（）。

然後，當箭頭是.mouseover時，我使用了page1上的.hide（）和page2上的.show（）。

來源

2015-11-09 01:59:20 resfever

與.slim文件jQuery的DOM包括

回答

相關問題