| |
|
|
| | Здравствуйте. Имеется вот такой код:
<ul id="sortable1">
<li id="third::3-1" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-1</li>
<li id="third::3-2" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-2</li>
</ul>
<ul id="sortable2">
<li id="third::3-1" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-1</li>
<li id="third::3-2" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-2</li>
</ul>
<ul id="sortable3">
<li id="third::3-1" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-1</li>
<li id="third::3-2" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-2</li>
</ul>
|
И функция-обработчик:
$('ul#sortable1').sortable( {
opacity: 0.6;})
|
Как сделать так, чтобы эта функция действовала бы и на sortable2 и на sortable3? Вариант написать 3 функции не подходит, т.к. sortable-листов может быть неограниченное количество.
Заранее благодарен за ответы :) | |
| |
|
|
| |
|
|
| |
для: Rolex
(18.01.2012 в 15:57)
| | |
<ul id="sortable1" class="sortable_block">
<li id="third::3-1" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-1</li>
<li id="third::3-2" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-2</li>
</ul>
<ul id="sortable2" class="sortable_block">
<li id="third::3-1" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-1</li>
<li id="third::3-2" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-2</li>
</ul>
<ul id="sortable3" class="sortable_block">
<li id="third::3-1" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-1</li>
<li id="third::3-2" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>3-2</li>
</ul>
|
$('ul.sortable_block').sortable( {
opacity: 0.6;})
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(18.01.2012 в 16:36)
| | | К сожалению, не работает :( Точнее работает только в отношении sortable1 :( | |
| |
|
|
| |
|
|
| |
для: Rolex
(19.01.2012 в 14:35)
| | | рабочий пример
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("ul.sortable").sortable({opacity: 0.6});
});
</script>
</head>
<body style="font-size:62.5%;">
<ul class="sortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
<ul class="sortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
<ul class="sortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
</body>
</html>
|
| |
| |
|
|
