Question

我有一个消息列表（一个带有几个li的ul），我想将其显示/隐藏为淡入/淡出选框。

足够简单：

    function InOut(elem) {
        elem.delay(100).fadeIn(1200).delay(10000).fadeOut(1200,

        function() {
            if (elem.next().length > 0) {
                InOut(elem.next());
            }
            else {
                InOut(elem.siblings(':first'));
            }

        });
    }

    $(function() {
        $('#myul li').hide();
        InOut($('#myul li:first'));

    });

这是我喜欢的方式（我在JSFiddle中调整它，并且涉及到CSS等）。

但是，当我将代码放入我的实际网站时，它会失败。我将代码放在关闭的HEAD标记之前，以防出现“订单”问题。

我怀疑$（function（）...没有生效。

该实施是一个IP Board站点，代码放在该站点的一个模板文件中。这些模板文件加载了PHP调用，自定义CSS等等。因此，调试有点像噩梦。

我没有看到任何异常被抛出。

由于我在这个例子中对javascript不够熟悉，我不确定这里需要做什么。而且我意识到如果不能共享页面代码可能会很难（然后再次，可能非常简单）。

感谢任何帮助。

谢谢！

/ s / Jon C. Munson II

Answer 1

好的，我通过这些更改（有些可能是不必要的）来实现这一点：

            (function($){    
                 var InOut = function (elem) {
                      elem.delay(100).fadeIn(1200).delay(10000).fadeOut(1200,
                           function() {
                                if (elem.next().length > 0) {
                                     InOut(elem.next());
                                }
                                else {
                                     InOut(elem.siblings(':first'));
                                }
                           });
                  }
                  $(function(){
                       $('#ayeups li').hide();
                       InOut($('#ayeups li:first'));
                  });
             })(jQuery);

感谢大家的关注等等。感谢@ianpgall试图提供帮助。：d

显示/隐藏列表项单独工作，但不在站点代码中

1 个答案: