在 Wordpress 内联脚本中使用 jQuery

Posted 2023-05-09

【中文标题】在 Wordpress 内联脚本中使用 jQuery

【英文标题】：Using jQuery in Wordpress inline script

【发布时间】：2019-05-22 02:18:19

【问题描述】：

我需要在页面加载时加载引导模式，并尝试以添加内联脚本来处理调用的简单方法来实现。对于我的一生，我找不到任何信息，无论这是否可能。

仅供参考，我已经正确地将 jQuery 加入队列并在许多其他脚本中使用它。

无论我尝试什么组合，都会不断收到jQuery is not defined。

这是我尝试过的一些小插曲

    <?php if(isset($_SESSION['form-failed'])): ?>
    <script type="text/javascript">
    <!--
    (function($)
       $('#request-info').modal('show');
    )(jQuery);
    -->
    </script>
    <?php endif; ?>

如果不可能，那么根据会话变量在页面加载时显示模式的最佳方法是什么？

【问题讨论】：

您也应该将这个 sn-p 加入队列，以便在 jQuery.js 之后加载。您可能在加载 jQuery 库之前运行此代码

你可能是对的。在触发队列之前加载内容似乎很奇怪。

如果 enqueues 设置为在 body 底部加载，则不是这样

我所有的队列都由 Wordpress add_action() 函数处理。

理解这一点，但如果模板在正文末尾加载脚本，那么内容中的代码将在这些脚本之前

【参考方案1】：

$(window).on('load', function ()
    $('#request-info').modal('show')
)

【讨论】：

当然你应该在这个脚本被加载/执行之前已经加载了 jQuery 库，我不知道你是否之前在一个头脚本标签中加载了例如应该可以正常工作...