Question

我使用JSFiddle寻求帮助，但当我使用下面的代码将其转移到我的网站时，按钮显示但不显示图像。 JSFiddle编码：https://jsfiddle.net/sketchflygirl/4euugfsb/我的网站正在使用web.com构建器。域名：monroy-art.net。

我使用了jquery和脚本，但没有任何帮助。

<p><button>previous</button>
<button id="next">next</button></p>
<div id="comics"></div>
<p>
<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/lib/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {

var imgs = [
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911852',
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911859',
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911864',
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911869',
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911872',
'http://onlinebuilder.myregisteredsite.com/matrix/servlet/ShowAsset;jsessionid=3EE39A2568D60590C3FFD69339141C07?id=102911877'],

current = 0;

function next() {
current++;
if (current > imgs.length) current = 0;
return imgs[current];
}

function previous() {
current--;
if (current < imgs.length) current = 0;
return imgs[current];
}

var comic = $('<img />').attr('src', imgs[0]);

$('#comics').append(comic);

$('#prev').on('click', function () {
comic.attr('src', prev());
});

$('#next').on('click', function () {
comic.attr('src', next());
});
});
// ]]></script>
</p>

Answer 1

我在<html><body>标记内尝试了相同的代码，并且在您尝试加载的jQuery版本上遇到错误。我为下面的那个改了它，它起作用了。祝你好运。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

图像显示在JSfiddle上，但它不能在我的网站上运行

1 个答案: