将匿名函数分配给 CLICK 事件

Question

这是一个demo
如果用户点击红色箭头，我想跳到相关视频。
下面有原始的播放列表渲染功能，与演示中的功能不同。修改原始函数的最简单方法，用我的红色箭头 url 替换 img.src= 值。但这不是最聪明的方法，因为箭头图像不是动态变化的。那么，如何让用户通过点击红色箭头跳转到相关视频呢？

 function ytplayer_render_playlist( )
  {
    for ( var i = 0; i < ytplayer_playlist.length; i++ )
    {
      var img = document.createElement( "img" );
      img.src = "http://img.youtube.com/vi/" + ytplayer_playlist[ i ] + "/default.jpg";
      var a = document.createElement( "a" );
      a.href = "#ytplayer";

      a.onclick = (
        function( j )
        {
          return function( )
          {
            ytplayer_playitem = j;
            ytplayer_playlazy( 1000 );
          };
        }
      )( i );
      a.appendChild( img );
      document.getElementById( "ytplayer_div2" ).appendChild( a );
    }
  }

Answer 1

您没有将值 j 传递给下一个函数。

  a.onclick = (
    function( j )
    {
      return function( j )
      {
        ytplayer_playitem = j;
        ytplayer_playlazy( 1000 );
      };
    }
  )( i );

但是，我看不出第二个函数和 (i); 的充分理由；最后可能需要修剪，我认为它没有做任何事情。

 a.onclick = (
    function( j )
    {
        ytplayer_playitem = j;
        ytplayer_playlazy( 1000 );
    }
  );