为什么我的jQuery插件在WordPress中显示为文本?

时间:2017-04-16 作者:Alt-Rock Ninja

我正在尝试安装unslider 我的WordPress网站的jquery插件。我在WordPress文本编辑器中输入了以下代码,但没有得到预期的结果。我将$改为jQuery,但这也没有解决它。

<!-- The barebones HTML required for Unslider -->
<div class="banner">
    <ul><li>This is my slider.</li><li>Pretty cool, huh?</li></ul>
</div>

<!-- And the relevant JavaScript -->
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="/path/to/unslider.js"></script> <!-- but with the right path! -
->
<script>$(function() { $(\'.banner\').unslider() })</script>
输出:

这是我的滑块。很酷吧?

$(function(){$(\'.banner\')。unslider()})

1 个回复
最合适的回答,由SO网友:Johansson 整理而成

您可以使用此PHP代码在主题页脚中输出滑块的启动器:

add_action(\'wp_footer\',\'initiate_unslider\');
function initiate_unslider () {
    ?>
    <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="/path/to/unslider.js"></script>
    <script>
        $(document).ready(function() { 
            $(\'.banner\').unslider();
        });
    </script>
    <?php
}
此外,添加$(document).ready 在启动滑块之前,以防页面的某些必要组件尚未加载。