Question

我在这里有wordpress网站http://www.itmc.lt/naujas/，我的标题背景是这个jQuery脚本的滑块。唯一的问题是，在jsfiddle http://jsfiddle.net/M2LmH/245/中，所有过渡看起来都很平滑，而在我的网站上没有过渡，只是瞬间闪现和图像变化。

$(document).ready(function () {
var img_array = [1, 2, 3, 4, 5],
    newIndex = 0,
    index = 0,
    interval = 8000;
(function changeBg() {
    //  --------------------------
    //  For random image rotation:
    //  --------------------------
    //  newIndex = Math.floor(Math.random() * 10) % img_array.length;
    //  index = (newIndex === index) ? newIndex -1 : newIndex;
    //  ------------------------------
    //  For sequential image rotation:
    //  ------------------------------
    index = (index + 1) % img_array.length;
    $('#branding').css('backgroundImage', function () {
        $('#branding').animate({
            backgroundColor: 'transparent'
        }, 2000, function () {
            setTimeout(function () {
                $('#branding').animate({
                    backgroundColor: 'rgb(255,255,255)'
                }, 2000);
            }, 4000);
        });
        return 'url(http://placekitten.com/150/15' + img_array[index] +')';
    });
    setTimeout(changeBg, interval);
})();
});

Answer 1

检查您的控制台：

Uncaught ReferenceError: jQuery is not defined

您必须包含jQuery才能实现动画

将此添加到您的头部：

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

Answer 2

添加header.php文件

>>> import re
>>> from bs4 import PageElement
>>> s.select('[data-a]')
[]
>>> PageElement.attribselect_re = re.compile(
...     r'^(?P<tag>\w+)?\[(?P<attribute>[\w-]+)(?P<operator>[=~\|\^\$\*]?)' +
...     r'=?"?(?P<value>[^\]"]*)"?\]$'
...     )
>>> s.select('[data-a]')
[<div data-a="12"></div>]

同样在头文件中，未正确导入jquery脚本。 https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js

Answer 3

jQuery未在您的控制台中定义。在你的脑子部分包含jQuery。

Answer 4

您需要使用jQuery。

在 functions.php 文件的末尾添加以下行：

function modify_jquery() {
    if (!is_admin()) {
        // comment out the next two lines to load the local copy of jQuery
        wp_deregister_script('jquery');
        wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', false, '1.9.1');
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'modify_jquery');

jQuery动画不流畅

4 个答案: