Я нахожусь на SharePoint 2013, и у меня есть страница с веб-частью списка, которая имеет два столбца (заголовок, описание). Я хотел бы, чтобы и описание и описание были скрыты при загрузке страницы. Затем, когда пользователь наводит курсор на поле «Заголовок», описание будет отображаться во всплывающем окне.
Я играл с родителями jQuery, родителями, братьями и сестрами, детьми, методами find и next.
Я думал, что ниже будет работать, но когда я наведу курсор на поле Заголовок, только Описание 2 показывает / скрывает.
Давайте начнем с этого сейчас, так как я новичок в этом.
$(document).ready(function(){
$('a.mslistlink').hover(
function(){
$(".ms-list-itemLink").next().show();
}
,
function(){
$(".ms-list-itemLink").next(".ms-vb-lastCell").hide();
}
);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
</head>
<body>
<table>
<thead>
<tr class="ms-viewheadertr"></tr>
<th>Title</th>
<th>...</th>
<th>Description</th>
</thead>
<tbody class="listviewtable">
<tr class="ms-itmHoverEnabled">
<td class=ms-cellstyle>
<div class="ms-vb">
<a class="mslistlink">Title 1</a>
</div>
</td>
<td class="ms-list-itemLink">...</td<
<td class="ms-vb-lastCell">Description1</td>
</tr>
<tr class="ms-alternating">
<td class="ms-cellStyleNonEditable"></td>
<td class="ms-cellstyle">
<div class="ms-vb">
<a class="mslistlink">Title 2</a>
</div>
</td>
<td class="ms-list-itemLink">...</td>
<td class="ms-vb-lastCell">Description2</td>
</tbody>
</table>
</body>
</html>
ТИА