Question

我正在尝试使用与WordPress类似的脚本，但它不起作用，我知道它与WordPress引导/看到jQuery的方式有关。怎么会写这个在WordPress中工作？我只是交换图像框。

＆＃13;

var fadeinBox = $("#box2");
var fadeoutBox = $("#box1");

function fade() {
    fadeinBox.stop(true, true).fadeIn(2000);
    fadeoutBox.stop(true, true).fadeOut(2000, function() {
        var temp = fadeinBox;
        fadeinBox = fadeoutBox;
        fadeoutBox = temp;
        setTimeout(fade, 1000);
    });
}

fade();

＆＃13;

.box {
    position: absolute;
    height: 100px;
    width: 100px;
}

#wrapper {position: relative;}

#box1 {background-color: #F00;}
#box2 {background-color: #00F;  display: none;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="wrapper">
    <div id="box1" class="box"></div>
    <div id="box2" class="box"></div>
</div>

＆＃13;

以下是我在jsfiddle

上找到的示例

Answer 1

QDateTime datetime(qvariant.toDateTime());
datetime.setOffsetFromUtc(0);

Answer 2

在Wordpress中你必须创建一个js文件并将这个js文件排入主题的functions.php中，如下所示：

function theme_scripts() {
    wp_enqueue_script('jsfile', get_template_directory_uri()."/js/yourjs.js", '', '', true);
}
add_action( 'wp_enqueue_scripts', 'theme_scripts' );

请将新创建的js文件放在主题目录的js文件夹中。

Answer 3

像Atif tariq所说，你需要使用wp_enqueue_script函数在WordPress中包含一个jQuery脚本。

或者，您可以通过 arefly 下载名为“添加脚本发布”的插件，然后将其激活。它允许您直接在页面或帖子中执行脚本，方法是将jQuery代码放在[script] [/ script]（而不是）之间。

注意：您还需要在执行代码之前加载jQuery API，最好是在[script] ... [/ script]之前和之外。使用此行加载它。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

在Wordpress中运行jquery脚本

3 个答案: