我有一个包含HTML、JavaScript和CSS的JSFIDLE。有没有一种简单的方法将其实现到Dreamweaver页面中？
我几乎在网上到处都找过，自己也做过不少实验，但在Dreamweaver中似乎无法得到与本书中相同的结果我有一个包含HTML、JavaScript和CSS的JSFIDLE。有没有一种简单的方法将其实现到Dreamweaver页面中？,javascript,html,css,dreamweaver,jsfiddle,Javascript,Html,Css,Dreamweaver,Jsfiddle,我几乎在网上到处都找过，自己也做过不少实验，但在Dreamweaver中似乎无法得到与本书中相同的结果 有没有一种相对简单的方法可以使网站的网页与JSFiddle结果相同（以及如何做到这一点）？我认为您的问题是，JSFiddle隐藏了代码运行所需的某些东西，在本例中最重要的是对jquery的引用，jsfiddle将在幕后为您提供这些信息，但是如果您将代码从jsfiddle中取出，并且没有像我一样引用jquery，那么代码将毫无用处。此外，在将代码粘贴到dreamweaver之类的东西时，还需要c
有没有一种相对简单的方法可以使网站的网页与JSFiddle结果相同（以及如何做到这一点）？我认为您的问题是，JSFiddle隐藏了代码运行所需的某些东西，在本例中最重要的是对jquery的引用，jsfiddle将在幕后为您提供这些信息，但是如果您将代码从jsfiddle中取出，并且没有像我一样引用jquery，那么代码将毫无用处。此外，在将代码粘贴到dreamweaver之类的东西时，还需要css周围的
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
body {
margin: 0;
padding: 0;
}
#turtle img {
display: block;
margin: 0 auto;
}
</style>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(function () {
var img = $('#turtle').html();
for (var i = 0; i < 10; i++) {
more(img);
}
$(window).on('scroll', function () {
if ($(this).scrollTop() >= $('#turtle').height() - $(this).height()) {
more(img);
}
});
function more(content) {
$('#turtle').append(content);
}
});
</script>
</head>
<body>
<div id="turtle">
<img src="http://upload.wikimedia.org/wikipedia/en/9/9b/Rickastleyposter.jpg" alt="infinity-turtle" />
</div>
</body>
</html>
身体{
保证金：0；
填充：0；
}
#海龟img{
显示：块；
保证金：0自动；
}
$（函数（）{
var img=$（'#turtle'）.html（）；
对于（变量i=0；i<10；i++）{
更多（img）；
}
$（窗口）.on（'scroll'，函数（）{
if（$（this.scrollTop（）>=$（'#turtle'）.height（）-$（this.height（））{
更多（img）；
}
});
功能更多（内容）{
$（“#海龟”）。追加（内容）；
}
});
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
body {
margin: 0;
padding: 0;
}
#turtle img {
display: block;
margin: 0 auto;
}
</style>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(function () {
var img = $('#turtle').html();
for (var i = 0; i < 10; i++) {
more(img);
}
$(window).on('scroll', function () {
if ($(this).scrollTop() >= $('#turtle').height() - $(this).height()) {
more(img);
}
});
function more(content) {
$('#turtle').append(content);
}
});
</script>
</head>
<body>
<div id="turtle">
<img src="http://upload.wikimedia.org/wikipedia/en/9/9b/Rickastleyposter.jpg" alt="infinity-turtle" />
</div>
</body>
</html>
身体{
保证金：0；
填充：0；
}
#海龟img{
显示：块；
保证金：0自动；
}
$（函数（）{
var img=$（'#turtle'）.html（）；
对于（变量i=0；i<10；i++）{
更多（img）；
}
$（窗口）.on（'scroll'，函数（）{
if（$（this.scrollTop（）>=$（'#turtle'）.height（）-$（this.height（））{
更多（img）；
}
});
功能更多（内容）{
$（“#海龟”）。追加（内容）；
}
});