Question

在chrome扩展名html弹出窗口中，我试图制作一个简单的链接列表。但是，单击链接后没有任何作用（右键单击选项卡中的“打开”）

也许通过屏幕更清晰：

尝试使用浏览器获取功能，没有axios，也没有browserify。相同的有效链接，单击后不会执行任何操作。

我的代码如下：

const searchBar = document.getElementById('searchBar')
const resultsDiv = document.getElementById('results')

searchBar.addEventListener('keypress', (event) => {
  if (event.key === 'Enter') {        
    matchBookmarksText(axios, elasticBookmarkSearchUrl, searchBar.value)
      .then((res) => {
        if (res.data.hits.hits.length) {
          let list = '<ul>'

          res.data.hits.hits
            .forEach(obj => list +=
              `<li>
                <a href="${obj._source.url}">${obj._source.title}</a>
              </li>`
            )

          list += '</ul>'
          resultsDiv.innerHTML = list
        }
      })
  }
})

这会导致在输入文本下方按预期方式添加一个非常漂亮的html ul，但是单击该链接后却无济于事。

如果我测试自己创建的html，它们确实可以工作：

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <input type="text" id="searchBar">
        <div id="results">
            <ul>
                <li>
                    <a href="https://stackoverflow.com/questions/9959727/proto-vs-prototype-in-javascript">__proto__ VS. prototype in JavaScript - Stack Overflow</a>
                </li>
          </ul>
        </div>
    <script src="onSearch.js"></script>
    </body>
</html>

ul链接在chrome扩展中不起作用

0 个答案: