页面内的内联jQuery脚本

Question

是不是可以在页面中间运行jQuery（内联）？

我尝试在自定义WordPress模板中运行此代码....

amount

然而，它似乎对所讨论的元素没有影响。事实上，如果甚至无法选择元素 -  console.log（'jQuery（“。upb_row_bg）。length;显示0。

如果我在wordpress wp_footer（）函数之后将相同的代码放在结束标记之前，它就可以了。如果我把它放在wp_footer之前，那么它就不会。

有什么想法吗？我在另一个页面上有另一个脚本，我可以使用由wordpress过滤器生成的简单内联脚本...

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

这可以正常工作，即使这个片段没有触发它的事件，它只是运行并替换了前面的元素。所以内联脚本必须工作。

我有点困惑。

Answer 1

你的语法看起来很奇怪。

<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>