List.js - 可点击的链接

Question

我的List.js实现正在创建看似链接的内容，但它们无法点击。在我附加的图像中，一切看起来都是正确的，但即使你将它悬停在像普通链接那样的下划线上，链接也不会起作用。我在这里错过了什么？

我在哪处读过<li>个项目无法分配href标签？如果这是真的，那么如何解决这个小问题呢？

使用Javascript：

<script>

  var options = {
    valueNames: [ 'title', 'description', 'lat', 'lng', 'user_sub', 'location', 'imageurl', 'final_url' ],
    item: '<li id="my-list"><h3 class="title"></h3><p class="description"></p><p class="location"></p><p class="user_sub"></p><a class="final_url"></a></li>'
  };

  var values = JSON.parse('{{ jsonout|safe }}');

  var userList = new List('places', options, values);

</script>

HTML：

  <div id="places" class="container">

    <input class="search" placeholder="Search" />
    <button class="Find" data-sort="title">
      Search
    </button>
    <button id="click_me" class="sort" data-sort="location">
      Sort by State
    </button>
    <button id="click_me" class="sort" data-sort="title">
      Sort by Name
    </button>
    <ul class="list"></ul>

  </div>