Форум

tiho · #1 (**permalink**) 08.01.2014, 12:27

Народ привет. Есть проблема с position() от jquery ui.

Есть блок (#cp-container) который надо держать над ячейкой таблицы у которой td имеет класс .right-sidebar и перекрывал его, в независимости от растягиваемости страницы. делаю так:

$(document).ready(function(){
$( "#cp-container" ).position({
  my: "center",
  at: "center",
  of: ".sidebar-right"
});
})

DOM такой:

...
<table>
...
<td class="sidebar-right">...</td>
...
</table>
...
<div id="cp-container">...</div>

Что не так делаю? Возможно ли запустить рабочий вариант без переделывания DOMa ?

Спасибо.

рони · #2 (**permalink**) 08.01.2014, 13:02

tiho,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script>
      $(document).ready(function(){
$( "#cp-container" ).position({
  my: "right",
  at: "right",
  of: ".sidebar-right"
});
})
  </script>
</head>
<body>
<table>
<tr><td class="sidebar-right">1234567</td></tr>
</table>
<div id="cp-container">----------</div>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript