Wordpressのphpでのエラーについて

Question

<script>
(function ($) {
	$(function () {
		$("a[data-target]").on("click", function () {
			var target	=	$(this).attr("data-target");

			$("html, body").animate({
				scrollTop	:	$("a[name="+ target +"]").offset().top - $(".header_outer").height() - 20,
			});
		});
	});
})(jQuery);
</script>
		<div class="index">
			<?php
				global $wpdb;

				$keys	=	range('A', 'Z');

				print('<ul class="alphabets">');

				foreach($keys as $key) {
					print('<li><a href="javascript:;" data-target="anchor_'. $key .'">'. $key .'</a></li>');
				}

				print('<li><a href="javascript:;" data-target="anchor_0">数字</a></li>');
				print('</ul>');

				foreach($keys as $key) {
					print('<h2><strong><a id="anchor_'. $key .'">'. $key .'</a></strong></h2>');
					print('<ul>');

					$posts	=	$wpdb->get_results('SELECT ID, post_title FROM '. $wpdb->posts .' WHERE post_type = \'post\' AND REPLACE(post_title, \'The \', \'\') LIKE \''. $key .'%\' ORDER BY REPLACE(post_title, \'The \', \'\') ASC');

					foreach($posts as $post) {
						print('<li><a target="_blank" href="'. get_permalink($post->ID) .'">'. $post->post_title .'</a></li>');
					}

					print('</ul>');
				}

				print('<h2><strong><a id="anchor_0">数字</a></strong></h2>');
				print('<ul>');

				$posts	=	$wpdb->get_results('SELECT ID, post_title FROM '. $wpdb->posts .' WHERE post_type = \'post\' AND post_title REGEXP \'^[0-9]\' ORDER BY post_title ASC');

				foreach($posts as $post) {
					print('<li><a target="_blank" href="'. get_permalink($post->ID) .'">'. $post->post_title .'</a></li>');
				}

				print('</ul>');
			?>
		</div>


        </div><!-- .article-body -->
    </div><!-- .article_wrap -->

    <?php
      wp_link_pages( array(
        'before' => '<div class="page-nav"><ol><li>',
        'after'  => '</li></ol></div>',
        'separator' => '</li><li>'
      ) );
    ?>


    </article><!-- #post-## -->


		<?php	endwhile; // End of the loop.
			?>
				<aside class="free-area free-area_after-cont">
					<?php dynamic_sidebar( 'free-after-single' ); ?>
				</aside><!-- #secondary -->
		</main>
</div>
<div class="side">
<aside id="secondary" class="">
	<?php dynamic_sidebar( 'suk-sidebar' ); ?>
</aside><!-- #secondary -->
  
</div>
</div>
</div>

このコードで下記のようなエラーが出ます。
どのあたりがおかしいのかわからないのですが、誰かたすけてください。。
(index):16 Uncaught TypeError: Cannot read property 'top' of undefined
at HTMLAnchorElement.<anonymous> ((index):16)

Comments

[m.ts10806]

見た感じphpのエラーではないですよ。
どこでそのエラーを確認しましたか？

[CHERRY]

Web ブラウザのデベロッパーツールでのエラーでしょうか？

(index):16 なので、Webブラウザで表示された行の16行目です。

16行目は、どこになりますか？

[退会済みユーザー]

はい。Chromeのデベロッパーツールです。
16行目には、下記コードの、
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
<script>(function ($) {
$(function () {
$("a[data-target]").on("click", function () {
var target = $(this).attr("data-target");

$("html, body").animate({
scrollTop : $("a[name="+ target +"]").offset().top - $(".header_outer").height() - 20,
});
});
});
})(jQuery);</script>
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

scrollTop : $("a[name="+ target +"]").offset().top - $(".header_outer").height() - 20,
上記部分が１６行目でした。

よろしくお願いいたします。

[CHERRY]

target に 何が入っているかわかりませんが、 a[name="+ target +"] でアクセスするオブジェクトは存在していますか？