如何让Jsfiddles在网站上工作？

-1

我和朋友正在网站上工作，我们无法弄清楚如何让JSFiddle在网页上工作。如何让Jsfiddles在网站上工作？

问题是，代码在JSFiddle上工作，它无缝地工作。但是，当我们在页面上上传相同的内容时，我们看不到任何操作。在下面，你可以找到我们的小提琴和我们的页面。

这件事让我们目前疯狂，我们不确定我们错过了什么。小提琴链接：https://jsfiddle.net/n53qg/177/ 小提琴HTML：

<div> 
<a class="link" href="#" data-rel="content1">Link 1</a> 
<a class="link" href="#" data-rel="content2">Link 2</a> 
<a class="link" href="#" data-rel="content3">Link 3</a> 
<a class="link" href="#" data-rel="content4">Link 4</a> 
<a class="link" href="#" data-rel="content5">Link 5</a> 
</div> 
<div class="content-container"> 
<div id="content1">This is the test content for part 1</div> 
<div id="content2">This is the test content for part 2</div> 
<div id="content3">This is the test content for part 3</div> 
<div id="content4">This is the test content for part 4</div> 
<div id="content5">This is the test content for part 5</div> 
</div>

小提琴JS：

$(".link").click(function(e) { 
    e.preventDefault(); 
    $('.content-container div').fadeOut('slow'); 
    $('#' + $(this).data('rel')).fadeIn('slow'); 
});

小提琴CSS：

.content-container { 
position: relative; 
width: 400px; 
height: 400px; 
} 
.content-container div { 
display: none; 
position: absolute; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
}

我们的页面：http://178.62.254.14/test/denemecik.html

来源

2016-02-26 Poyraz Sagtekin

的问题是你的script是在页面的其余部分被加载之前执行。你有两个选择：

把你script标签后的所有内容（在body年底）

包装你的代码在DOM就绪功能：

$(document).ready(function() { 
    //your code in here 
});

默认情况下，JSFiddle代码在DOM被处理后加载，因此它在那里工作的原因而不是您的网站。

来源

2016-02-26 13:54:40 tymeJV

如何让Jsfiddles在网站上工作？

回答

相关问题