图片显示在 JSfiddle 上，但它在我的网站上不起作用

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 上，但它在我的网站上不起作用

Images show up on JSfiddle but it isn't working on my website

jquery

image

web

jsfiddle