Question

我的jquery代码需要帮助。该代码已从帖子中解除，并经过多个人的测试。它应该用于幻灯片放映。但为什么它显示图片列表而不是???请帮我验证我的代码。

<html>
<head>
<script type="text/javascript" src="jquery-2.1.4.js">
$(function () {
    /* SET PARAMETERS */
    var change_img_time = 5000;
    var transition_speed = 100;

    var simple_slideshow = $("#exampleSlider"),
        listItems = simple_slideshow.children('li'),
        listLen = listItems.length,
        i = 0,

        changeList = function () {
            listItems.eq(i).fadeOut(transition_speed, function () {
                i += 1;
                if (i === listLen) {
                    i = 0;
                }
                listItems.eq(i).fadeIn(transition_speed);
            });

        };
    listItems.not(':first').hide();
    setInterval(changeList, change_img_time);
});
</script>
</head>
<body>
<ul id="exampleSlider">
<li><img src="http://placehold.it/500x250" alt="" /></li>
<li><img src="http://placehold.it/500x250" alt="" /></li>
<li><img src="http://placehold.it/500x250" alt="" /></li>
<li><img src="http://placehold.it/500x250" alt="" /></li>
</ul>
</body>
</html>

Answer 1

尝试

<script type="text/javascript" src="jquery-2.1.4.js"></script>
<script>
$(function () {

.........
</script>

Answer 2

你错过了</script>

您的代码必须采用新的脚本标记，例如<script> // your code </script>

Jquery代码未在浏览器中加载

2 个答案: