Question

我试图将jquery放入tumblr主题但由于某种原因它不会工作。我已经查看了大量类似的问题，并从tumblr主题中关于jquery的教程中找到了这段代码

<script type="text/javascript" 
    src="http://www.google.com/jsapi"></script>

<script type="text/javascript">
  google.load("jquery", "1.3");
  google.setOnLoadCallback(function() {
    jQuery(function($) {
      // do some stuff here, eg load your tweets, ...
    });
  });
</script>

这就是我主题中完成的jquery部分的样子。它旨在制作无限向下和向上滚动（或至少是一个幻觉），但它不会在主题中发挥作用。

<head>
  <script type="text/javascript">
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <script type="text/javascript">
  google.load("jquery", "2.0.2");
  google.setOnLoadCallback(function() {
    jQuery(function($) {
    (function($){
        $(document).ready(function(){
            var html = $(".what").html();
            var what = '<div class="what">'+html+'</div>';
            $(window).scrollTop(1);
            $(window).scroll(function() {
                if ( $(window).scrollTop() >= ($('body').height() - $(window).height()) ) {
                    $(".what").last().after(what);
                    if ($(".what").length > 2) {
                        $(".what").last().prev().remove();
                        $(window).scrollTop($(window).scrollTop() - $(".what").first().height());
                    }
                }
                else if ( $(window).scrollTop() == 0 ) {
                    $(".what").first().before(what);
                    $(window).scrollTop($(".what").first().height());
                    if ($(".what").length > 2) {
                        $(".what").last().remove();
                    }
                }    
            });
        }); 
    })( jQuery );

    });
  });
</script>
</head>

Answer 1

似乎是一个复制/粘贴错误。有一个未公开的script代码，并使用Google API客户端库进行JavaScript，但不包含实际的库。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        var html = $(".what").html();
        var what = '<div class="what">'+html+'</div>';
        $(window).scrollTop(1);
        $(window).scroll(function() {
            if ( $(window).scrollTop() >= ($('body').height() - $(window).height()) ) {
                $(".what").last().after(what);
                if ($(".what").length > 2) {
                    $(".what").last().prev().remove();
                    $(window).scrollTop($(window).scrollTop() - $(".what").first().height());
                }
            }
            else if ( $(window).scrollTop() == 0 ) {
                $(".what").first().before(what);
                $(window).scrollTop($(".what").first().height());
                if ($(".what").length > 2) {
                    $(".what").last().remove();
                }
            }    
        });
    }); 
</script>

tumblr主题中的jquery将无法正常工作

1 个答案: