Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > .NET Frameworks (точка нет фреймворки) > ASP.NET
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 02.11.2013, 02:35   #1
sophisti
 
Регистрация: 24.10.2013
Сообщений: 6
Вопрос Не работает jQuery Sortable

Здраствуте, мне нужно сделать вот такую вещь http://jqueryui.com/sortable/#default ,а именно сортировать элементы, перетаскивая их мышкой. Пытался сделать с подключением скрипта @Scripts.Render("~/scripts/jquery-1.9.1.js")
@Scripts.Render("~/scripts/jquery-ui.js"), но не работает даже если просто взять код с сайта http://jqueryui.com/sortable/#default и вставить его в представление. Подскажите, почему не работает скрипт?
Код:
<!doctype html>
 
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Sortable - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <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>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <style>
  #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
  #sortable li span { position: absolute; margin-left: -1.3em; }
  </style>
  <script>
      $(function () {
          $("#sortable").sortable();
          $("#sortable").disableSelection();
      });
  </script>
</head>
<body>
 
<ul id="sortable">
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>
 
 
</body>
</html>
проверить работу скрипта можно ещё тут http://jsbin.com/amute/894/edit

вот проект http://yadi.sk/d/PzxaW1I_ByuxG
sophisti вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает hide в jquery aleksandr_t94 JavaScript, Ajax 9 02.02.2013 01:13
jquery sortable panels редактирование фотоальбома Kostia JavaScript, Ajax 1 30.11.2012 12:24
Не работает выборка в JQuery! pastuhdima JavaScript, Ajax 7 27.09.2012 08:11
SORTABLE + DRAG & DROP(Ajax+Jquery) маГГ85 JavaScript, Ajax 0 14.01.2012 04:48