在WordPress页面中运行内联jQuery脚本可行吗？

xu3bshqb 于 2022-12-11 发布在 WordPress

关注(0)|答案(1)|浏览(126)

是否不能在页面中间运行jQuery（内联）？
我试着在一个自定义的WordPress模板中运行此代码...

<script type="text/javascript">
jQuery(document).ready( function() {
  jQuery(".upb_row_bg").css("filter","blur(30px)");
});
</script>

然而，它似乎对所讨论的元素没有影响。事实上，如果甚至不能选择元素- console.log（'jQuery（“.upb_row_bg）.length;显示0。
如果我把同样的代码放在wordpress的wp_footer（）函数后面的结束标记之前，它就能工作;如果我把它放在wp_footer之前，它就不能工作。
有什么想法吗？我在另一个页面上有另一个脚本，在那里我能够使用一个简单的内联脚本，这是由wordpress过滤器生成的...

<script>jQuery( "figure" ).replaceWith( "<div class=\”new-class\”>” + jQuery( "figure" ).html() + "</div>" );</script>

这和预期的一样，即使这个代码片段没有事件触发它，它只是运行并替换了前面的元素。所以内联脚本必须工作。
我有点糊涂了。

wordpress

来源：https://stackoverflow.com/questions/47254386/is-it-feasible-to-run-inline-jquery-script-inside-a-wordpress-page

1条答案

按热度按时间

sq1bmfud1#

你的语法看起来很奇怪。

<script type="text/javascript">
$(document).ready(function() {
  $('.upb_row_bg').css('filter', 'blur(30px)');
});
</script>

'figure'看起来不是有效的选择器，请使用类或ID。
至于你想用第二个代码片段完成什么，只要做到：

<script>$('#figure').addClass('new-class')</script>

或者，如果您确实需要figure，则不可能

<script>$('.figure').addClass('new-class'); $('.new-class').removeClass('figure')</script>

赞(0）回复(0）举报 2022-12-11

我来回答

在WordPress页面中运行内联jQuery脚本可行吗？

1条答案

相关问题

热门标签

最新问答