.每个函数正确运行一次，然后说“未定义不是函数”

Question

我正在编写一个简单的函数，它获取帖子的 URL，然后返回它在 Twitter 上被分享的次数。一个页面上有多个帖子，所以我需要为每个帖子运行该功能。下面是相关函数（注意我用的是RequireJS）。

function twitterCount($target) {

            $article = $target.closest($('article')),

            articleHREF = $target.parent().parent().attr('data-href');
            APIURL = 'https://cdn.api.twitter.com/1/urls/count.json';

            //Get count and set it as the inner HTML of .count
            $.getJSON(APIURL + "?callback=?&url=" + articleHREF, function(data) {
                $target.find('.count').html(data.count);
            });
        }

getTwitterCount: function() {
            $twitterLink.each(function() {
                $target = $(this);
                $target.function(twitterCount($target));
            });
        }

该函数正确运行一次，并给我页面上第一个帖子被喜欢的次数，但随后停止工作并吐出 Uncaught TypeError: undefined is not a function in控制台。我正在努力了解为什么它会运行一次但不适用于其他所有帖子。错误指向以下行...

$target.function(twitterCount($target));

应该输出的HTML在下面

<ul class="share-options" data-href="http://localhost/test-post/">
                <li><a class="twitter" href="javascript:void(0)">
                    Twitter <span class="count twitter-count"></span>
                </a></li>
                <li><a class="linkedin" href="javascript:void(0)">LinkedIn</a></li>
            </ul>

Answer 1

通过稍微修改您的代码，我取得了成功。

主要变化：

1. 我将 .twitter 类引用更改为 .twitter-count 以匹配您的 HTML
2. 我删除了您的 getTwitterLink 函数，只是直接执行了 each()。
3. 我将$target.function(twitterCount($target)) 替换为twitterCount($target) 这是一个很大的语法错误。

以下代码 cmets 的其他更改。

function twitterCount($target) {

    /* I simplified "parent().parent()" to "closest()" */
    articleHREF = $target.closest('ul').attr('data-href');
    APIURL = 'https://cdn.api.twitter.com/1/urls/count.json';

    $.getJSON(APIURL + "?callback=?&url=" + articleHREF, function (data) {
        /* I changed ".twitter" to ".twitter-count" to match the class in your HTML */
        $target.find('.twitter-count').html(data.count);
    }).fail( function(d, textStatus, error) {
        /* I added this fail handler, just in case */
        console.error("getJSON failed, status: " + textStatus + ", error: "+error)
    });
}

$twitterLink = $('a.twitter');

/* I removed the function here as it didn't seem necessary */
$twitterLink.each(function () {
    $target = $(this);
    /* Your function call here threw a syntax error.
       Replaced `$target.function(twitterCount($target))` with `twitterCount($target)` */
    twitterCount($target);
});

Working Example