Question

我想在linky的函数中访问下面的变量img#play。但是，它只是取了linky的最后一个已知值，我理解这是由于一个叫做Javascript闭包的东西。谷歌搜索和尝试许多不同的东西，如img #play点击功能中的返回链接似乎不起作用。我还被告知变量song会遇到同样的问题。任何人都有任何关于如何为每个单独的linky而不仅仅是最后一个链接而为img＃play工作的点击功能的想法？

  function doSearch() {

    var searchTerm = document.getElementById('search').value;

    // Search soundcloud for artists
    SC.get('/tracks', { q: searchTerm}, function(tracks) {
      for(track in tracks) {

        console.log(tracks[track]);

        var img = document.createElement('img');
        img.setAttribute("src", (tracks[track]["artwork_url"]));
        var title = tracks[track].title.replace("'", "\\\'").replace("\"", "\\\"");

        var song = document.createElement('div');

        var linky = document.createElement('a');
        linky.setAttribute("href", (tracks[track].permalink_url));

        img.setAttribute("onclick", "showTrackInfo('" + title + "\\n" + "\\n" + tracks[track].label_name + "\\n\\n" + "(click to close)" + "')"); 



        if (tracks[track]["artwork_url"] == null) {
          console.log(""); } 
        else { 

          var Catalog = document.getElementById('catalog');
          Catalog.appendChild(img);

          $('div#catalog').append('<img src="http://i.imgur.com/rGdvfl7.png" id="play">');


          $('img#play').click(function() {

            return this.linky;


          $.get(
            'http://soundcloud.com/oembed?' + 
            'url=' + linky + 
            '&format=json&maxheight=296'
            )

          .done(function (response) {
            song.innerHTML = response.html;
            document.getElementById("soundiframe").appendChild(song);

          });
          });
        }


      }
    });
  };

我需要上面代码中的所有变量...如果有任何人有任何关于该做什么的线索，那将非常感激。

Answer 1

您可以创建另一个闭包：

(function(linky, song) {
  $('img#play').click(function() {
     ...
}(linky, song));

这将在创建闭包时保留linky的值。

Javascript Closure变量访问函数外部

1 个答案: