页面中的Jquery幻灯片不起作用

Question

我正在尝试集成一个 jquery 幻灯片，但它不起作用。我正在使用 3 个文件 jquery、jquery 循环插件和幻灯片样式表，它们都包含在页面中，但 slidesow 没有移动。这是链接，幻灯片在#slider ul 中。

http://tinyurl.com/88aotym

有js和样式表的相关文件夹是'cat-slider'。

这是head部分的jquery函数

    <script type="text/javascript">

   $(function() 
   {
    $(".slider ul")
    .cycle({
        prev:   '.slider .controls .prev', 
        next:   '.slider .controls .next',
        timeout: 3000,
        pager:   '.slider .controls .pages',
        pagerAnchorBuilder: pagerFactory,
        before: function(Ec, En, o, f) 
        {           
            var classTarget = $(Ec);
            var nextClassTarget = $(En);

            classTarget = classTarget.context.attributes.rel.value;
            nextClassTarget = nextClassTarget.context.attributes.rel.value;

            $('.slider .controls .' + classTarget).removeClass('selected');
            $('.slider .controls .' + nextClassTarget).addClass('selected');
        }
    });

    // Pager Function
    function pagerFactory(idx, slide) 
    {
        var selected = (idx == 0 ? 'selected' : null);
        return '<img src="http://mysite.com/wp-content/plugins/cat- slider/images/blank.gif" width="13" height="14" class="number '+ selected + ' ' + parseInt(idx+1)+'" />';
    };
});

</script>

Answer 1

我用一些断点检查了你的代码，结果浏览器甚至没有跳转到你的脚本代码。尝试改变这个：

$(function() 
   {

到这里：

$(function() {

这不是开玩笑 ;) 我最近听说在 JS 中有时会使用 ';'即使我们不想在那个地方插入，也会自动插入到行尾。也许它发生在您的代码中。