时间戳

首页 > 解决方案 > 如何在 php 中使用 wordpress 函数 wp_enqueue_script()？

javascript - 如何在 php 中使用 wordpress 函数 wp_enqueue_script()？

问题描述

我有一个php函数，如下所示。许多地方都在使用以下功能。 

function render_brightcove_player($active_feed, $poster_image = false)
{
    $poster = '';
    if ($poster_image) {
        $poster = 'poster=' . esc_url($poster_image);
    }
    ?>
    <div class="hsc-video" onclick="hscLogo()">
        <div class="hsc-video__inner">
            <script src="//players.brightcove.net/1242843915001/SJ3Tc5kb_default/index.min.js"></script>
        </div>
    </div>
    <?php
    wp_enqueue_script(                                      
    'miscellaneous-scripts',
    HSC_TEMPLATE_URL . "/assets/js/miscellaneous.js"
    );
}

在 php 代码中，我添加了 wordpress 功能wp_enqueue_script()。我正在使用的 miscellaneous.js 文件中：

function hscLogo() {
    document.getElementsByClassName("hsc-tv-logo")[0].style.display = "none";
}

我想知道这是否是wp_enqueue_script()在 php 中使用函数的正确方法。我需要将wp_enqueue_script()放在其他地方吗？

这是我第一次wp_enqueue_script在 wordpress 中使用。这是 javascript 文件夹/文件的树结构。

在此处输入图像描述

标签： javascriptphpwordpress

解决方案

你的 php 代码在 wordpress 中吗？如果它被任何 wordpress 模板或插件调用，你可以在你的 php 文件中使用 wp_enqueue_script。您可以查看以下链接来学习 wp_enqueue_script。 https://developer.wordpress.org/reference/functions/wp_enqueue_script/

wp_enqueue_script(                                      
    'miscellaneous-scripts',
    HSC_TEMPLATE_URL . "/assets/js/miscellaneous.js",
    array(),
    '1.0.0', //Version
    true // Load in footer.
);

推荐阅读