javascript - for 循环中的 onClick 未触发

Question

我下面的代码来自最近的 tutorial of Computer Arts magazine .我试图做的是在循环中实现一个 onClick 函数，这样每个 div 都可以点击并加载相应的网页。

我有一个数组，目前只有一组值，但您可以得到相似的多个值的概念:

var itemsHTML = '',
        items = [
        {
          itemType:'ani',
          itemName:'Show Reel 10-11',
          path:'thumb_showreel.jpg',
          urlPath:'showreel.html'
        }];

以及从数组中获取信息的循环(请注意 onClick - 这是我的输入，其他一切都来自教程:

    for(var i = 0; i < items.length; i++) {
      var type = items[i]['itemType'];
      var name = items[i]['itemName'];
      var path = items[i]['path'];
      var urlPath = items[i]['urlPath'];
      itemsHTML += "    <div class=\"element " + type + "\"  style=\"background-image:url('portfolio/" + type + "/" + path + "')\" onClick=\"document.location='http://www.thepapertorium.co.uk/'" + urlPath + "\">";
      itemsHTML += "      <div class=\"label\">";
      itemsHTML += "        <h1>" + name + "<\/h1>";
      itemsHTML += "      <\/div>";
      itemsHTML += "    <\/div>";
    }

同样的 onClick 是从我的页眉横幅中获取的。它在那里工作正常，所以我想我可以将它粘贴到这里，并且自然地遵守 for 循环所需的语法，但我没有运气。请帮助解决这个简单的难题!

Answer 1

您的问题可能在单个 ' 中 - 它应该转到 URL 的末尾:

onClick=\"document.location='http://www.thepapertorium.co.uk/"+ urlPath + "'\"