javascript - jQuery 工具提示设置循环中的动态内容返回最后一个值

Question

对于所有工具提示元素，变量 intcontent 始终具有相同的值。如何将正确的值传递给工具提示内容函数？

for(var x=0; x<arr_dj[i].style.length; x++){
  if(x != 0)$divstyle.append($('<span> / </span>'));
    var $span = $('<span></span>');
    $span.append(getconststr(arr_dj[i].style[x]));
    var intcontent = arr_dj[i].style[x];
    $span.tooltip({
      items: "div",
      tooltipClass: "style_tooltips",
      position: {
        my: "left-25 top", 
        at: "right bottom "
      },
      content: function(e) {
        var html = getmusicdef(intcontent);
        return html;
      }
    });
    $divstyle.append($span);
  }
}

Answer 1

变量intcontent可用作content函数中的闭包，但在执行该函数时，它被设置为最后一个值。使用 IIFE 将其设置为每次迭代的正确值:

for(var x=0; x<arr_dj[i].style.length; x++){
  if(x != 0){//not sure what you wanted to do here, posted code has too many }
    $divstyle.append($('<span> / </span>'));
    var $span = $('<span></span>');
    $span.append(getconststr(arr_dj[i].style[x]));
    var intcontent = arr_dj[i].style[x];
    $span.tooltip({
      items: "div",
      tooltipClass: "style_tooltips",
      position: {
        my: "left-25 top", 
        at: "right bottom "
      },
      content: (function(intcontent){
        return function(e) {
          var html = getmusicdef(intcontent);
          return html;
        }
      }(intcontent))//IIFE setting intcontent correctly
    });
    $divstyle.append($span);
  }
}