html - 使行元素成为 Bootstrap 中的可点击链接

Question

我正在尝试使用 bootstrap 创建一个网站，其中表格的一行是可点击的。即，我希望它向我显示文本(单击此处查看 Stackoverflow)，这样当用户单击该表行时，他们将被定向到 http://stackoverflow.com .

请注意，我不希望只有文本充当超链接；那将是微不足道的。我试图使整个 .row 元素成为一个超链接。

代码只是标准的 Bootstrap 表。

<div class="col-md-3">
    <div class="row">
        <p>Text here</p>
    </div>
    <div class="row">
        <p>More text</p>
    </div>
</div>

我尝试过的事情: 我试过在该行的顶部添加一个透明图片，并在与定位争论之后，最终将其设置为该行的背景图像。现在它不显示了，即使显示了，也不能作为链接。

Bootstrap 新手，愿意尝试几乎所有方法。

Answer 1

你应该制作一个带有 id 的 div，你可以像这样在 Javascript 中使用它:

<div id='clickme'></div>

然后你应该像这样导入你要制作的Javascript:

<script type='text/JavaScript' src='yourFile.js'></script>

然后你应该在你的 .js 文件中创建一个方法，该方法与你的 html 页面位于同一目录中，如下所示:

var myMap = document.getElementById("clickme");
myMap.onclick = function() {
	var myVar = window.open("https://www.stackoverflow.com");
};

我 100% 相信这对您有用。这将使您可以使用您制作的这个 div 覆盖您想要的任何区域，如果单击其中的任何内容，它将使用 stackoverflow 打开一个新选项卡。