javascript - 两个功能不一起工作，而是独立工作

Question

我正在使用 Spotify 脚本将正在播放的歌曲放入 <div>在 html 中，它们自己工作，但是当我将它们放在同一页上时，只有其中一个显示:

HTML:

<div id="rss"></div>
<div id="lukerss"></div>

JavaScript:

(function () {
    var e = "LukeAssassin";
    window.lfmRecentTrack = function(t) {
        var n = (new Array).concat(t.recenttracks.track)[0];
        var album, spurl;
        if (n.album["#text"]) {
            album = " (from " + n.album["#text"] + ")";
        } else {
            album = "";
        }
        try {
            var spotify = new XMLHttpRequest();
            spotify.open("GET", "https://ws.spotify.com/search/1/track.json?q=" + encodeURIComponent(n.artist["#text"] + " - " + n.name), false);
            spotify.send();
            var spotresp = JSON.parse(spotify.responseText);
            if (spotresp["tracks"].length > 0) {
                //var urisplit = spotresp["tracks"][0]["href"].split(":");
                //spurl = " https://open.spotify.com/" + urisplit[1] + "/" + urisplit[2];
                spurl = spotresp["tracks"][0]["href"];
            } else {
                console.log("spotify: couldn't get url");
                spurl = "";
            }
        } catch (e) {
            console.log("spotify: " + e.message);
            spurl = "";
        }
        var r2 = "" + n.name + " by " + n.artist["#text"];
        var element = document.getElementById("lukerss");
        element.innerHTML = r2;
    }
    var n = document.createElement("script");
    n.setAttribute("type", "text/javascript");
    n.setAttribute("src", "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=" + e + "&api_key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&limit=1&format=json&callback=window.lfmRecentTrack");
    document.body.appendChild(n)
})();

(function () {
    var e2 = "DeviousRunner";
    window.lfmRecentTrack = function(t2) {
        var n2 = (new Array).concat(t2.recenttracks.track)[0];
        var album, spurl;
        if (n2.album["#text"]) {
            album = " (from " + n2.album["#text"] + ")";
        } else {
            album = "";
        }
        try {
            var spotify = new XMLHttpRequest();
            spotify.open("GET", "https://ws.spotify.com/search/1/track.json?q=" + encodeURIComponent(n2.artist["#text"] + " - " + n2.name), false);
            spotify.send();
            var spotresp = JSON.parse(spotify.responseText);
            if (spotresp["tracks"].length > 0) {
                //var urisplit = spotresp["tracks"][0]["href"].split(":");
                //spurl = " https://open.spotify.com/" + urisplit[1] + "/" + urisplit[2];
                spurl = spotresp["tracks"][0]["href"];
            } else {
                console.log("spotify: couldn't get url");
                spurl = "";
            }
        } catch (e2) {
            console.log("spotify: " + e.message);
            spurl = "";
        }
        var r = "" + n2.name + " by " + n2.artist["#text"];
        var element = document.getElementById("rss");
        element.innerHTML = r;
    }
    var n2 = document.createElement("script");
    n2.setAttribute("type", "text/javascript");
    n2.setAttribute("src", "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=" + e2 + "&api_key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&limit=1&format=json&callback=window.lfmRecentTrack");
    document.body.appendChild(n2)
})();

CSS:

#rss {
    width: 500px;
    height: auto;
    float:right;
    text-align:center;
    color:red;
    font-size: 24px;
}
#lukerss {
    width: 500px;
    height: auto;
    float:left;
    color:red;
    font-size:24px;
}

fiddle 也是here - 似乎最后一个是显示的那个。如果有人有解决方案，请随时分享:)

Answer 1

在这两个函数中为 window.lfmRecentTrack 使用不同的名称。