-2

Chrome Inspector がエラー "Uncaught TypeError: Cannot read property 'substring' of undefined" でデバッグする次のコードがあります。

<script type="text/javascript">
  $(function countComments() {
    var mcount = '//api.moot.it/postcounts?path=/forum/comments:' + $(this).closest('article').attr('id').substring(8);
    $.getJSON(mcount, function(json) {
      var results = $('.entry-actions');
      $.each(json, function(key, val) {
        results.prepend('<a class="entry-comments" href="{permalink}#comments" title="Comments">' + val['size'] + ' Comments</a>');
      });
    });
  });
</script>

問題は にあると確信して(this)いますが、別のスクリプトで適切に使用したところ.click、そのコードは問題なく動作しました。

(this)使えないから.readyでしょうか？もしそうなら、どうすればこの関数を代替コードで動作させることができますか?

HTMLで編集：

<article id="article-5344bff8e4b01730378236ff">
  <header class="entry-header cf">
    <p class="entry-actions"></p>
  </header>
    <div class="entry-title-wrapper">

    BLOG CONTENTS

    <div class="entry-injection">
    <script type="text/javascript">
      $(function countComments() {
        var mcount = '//api.moot.it/postcounts?path=/forum/comments:' + $(this).closest('article').attr('id').substring(8);
        $.getJSON(mcount, function(json) {
          var results = $('.entry-actions');
          $.each(json, function(key, val) {
            results.prepend('<a class="entry-comments" href="{permalink}#comments" title="Comments">' + val['size'] + ' Comments</a>');
          });
        });
      });
    </script>
    </div>
    </div>
  </article>
4

1 に答える 1

1

問題は、ドキュメント準備完了関数がドキュメントhttp://jsfiddle.net/IrvinDominin/J2r5V/thisを指していることです。

この場合article、ドキュメントの親要素を持つことはできないため、関数はエラーhttp://jsfiddle.net/IrvinDominin/J2r5V/1/を発生させます。

div必要に応じてすべての要素を取得し、それぞれに対して現在の関数を実行する必要があると思います。each のコンテキストではthis、正しい要素になります。

于 2014-04-14T08:11:51.393 に答える