Question

所以我在WordPress的template.php中使用此代码：

<script type="text/javascript">

 jQuery(document).ready(function($){
    console.log('A');
    $('div.banner_gebraucht').each(function(){
      console.log('B');
        if( $.trim($(this).text()) == '') {
                    console.log('step info')
            $(this).hide();
            $('.banner3dtriangle_gebraucht').hide();
            console.log('D');
        }
    });
});

 </script>

在控制台中它可以工作，但是在template.php中它仅输出A。你们可以告诉我为什么该脚本停止吗？

Answer 1

因此，在document.ready时尚未加载所需的元素。

如果无法连接到网格负载，请尝试此操作

var tId;
function hideBanners() {
  var $banners = $('div.banner_gebraucht');
  if ($banners.length == 0) {
    tId = setTimeout(hidebanners, 1000);
    return;
  }
  $banners.each(function() {
    console.log('B');
    if ($.trim($(this).text()) == '') {
      console.log('step info')
      $(this).hide();
      $('.banner3dtriangle_gebraucht').hide();
      console.log('D');
    }
  });

}
$(function() {
  console.log('A');
  hideBanners();
});

Answer 2

编辑：（删除旧答案，无关紧要，因为jQuery预先安装在wordpress中，因此应该加载它。）

jQuery停止在Code中工作，但在Console（WordPress）中工作

2 个答案: