Javascript html字符串连接未捕获的语法错误: missing ) after argument list

Question

有人知道我在这里缺少什么吗？显然，错误来自 show_more('+ link +') Uncaught SyntaxError: Missing ) after argument list

    function show_more(mylink) {
        console.log(mylink);
        alert(mylink);
    }

function getImages(index, stop) {
    var html = "";
    currentIndex += stop;
    // create the img tags.
    for (var i = index; i < index + stop; i++) {
      var link = "http://31stbridge.com/godson_project/uploads/" + images[i].photo_url;
       html += '<div class="grid-item"><a href="#" onclick="show_more('+ link +')"><img src="http://baseurl/path/' + images[i].photo_url + '"></a><div class = "subtitle" align="center"> <h1>' + images[i].photo_group + '</h1><form><button class="downloadbut" formaction="' + images[i].zip + '"></button></form></div></div>';
    }
    var str = $(html);
    grid.append(str);
    grid.masonry("appended", str);
  }
});

Answer 1

问题是缺少双引号。你有:

html += '... onclick="show_more('+ link +')">...'

您有一个用单引号括起来的全局字符串，您可以在其中用双引号定义属性“onclick”的值，在该字符串中，您的圆括号之间将包含原始链接的值。

您应该添加 -quotes- 转义单引号:

html += '... onclick="show_more(\''+ link +'\')">...'