您的位置：首页 > 其它

双击页面跳转事件

2017-05-10 21:42 232 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1</title>
<link href="reference/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<script src="reference/bootstrap/js/jquery-3.1.0.min.js" type="text/javascript"></script>
<script src="reference/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>
<table class="table table-bordered table-responsive" id="table" style="width: 400px">
<thead>
<tr>
<th>一</th>
<th>二</th>
<th>三</th>
</tr>
</thead>
<tbody class="tableBody">
<tr>
<td>one</td>
<td>two</td>
<td>three</td>
</tr>
<tr>
<td>four</td>
<td>five</td>
<td>six</td>
</tr>
</tbody>
</table>
</body>
<script>
$(function () {
var trRow=document.getElementsByClassName("tableBody");
var tr=$(trRow).find("tr");
tr.dblclick(function () {
//所要跳转地页面url，在大型项目中，要跳转的url就是API
window.location.href = "http://localhost:8080/2.html";
});
});

</script>
</html>

效果：

双击表格一行内容，跳转到页面2.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 双击效果跳转页面

相关文章推荐

新的分享

章节导航