与.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包括

回答

相关问题