منوی کناری با قابلیت جابجایی

Mesmaili · تیر 92

درود. ببخشید برای اینکه قابلیت جابجا شدن منوی کناری سایت رو برای بازدیدکنندگان به سایت اضافه کنم آموزش خاصی هست؟؟

مشابه سایت varzesh3.com

parsian1361 · تیر 92

باید از jquery ui استفاده کنید و قابلیت درگ رو به اون اضافه کنید

Mesmaili · تیر 92

سپاس از شما ، مقاله آموزشی ای هم دم دست دارید؟

**Morteza** · تیر 92

شما توابع dragable و dropable رو جستجو کنید


http://jqueryui.com/draggable/
http://jqueryui.com/droppable/

Mesmaili · تیر 92

سپاس مرتضی جان.

دیدم اینهارو ، خیلی خوب بودن ، فقط اینکه چجوری باس تعیین کنم که با بلوک های دیگه جابجا بشن؟!

Mesmaili · تیر 92

خوب پیدا کردم ! سپاس مرتضی جان

http://jqueryui.com/resources/demos/draggable/sortable.html

Mesmaili · تیر 92

مرتضی جان مشکل بعدی اینه که فقط یکبار میتونم توی پوسته از این استفاده کنم ! الان فقط سایدبار سمت راست کار میکنه ! و چپ نه !

راست رو غیر فعال کنم ، چپ کار میکنه

**Parsa** · مرداد 92


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Draggable + Sortable</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>
ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
li { margin: 5px; padding: 5px; width: 150px; }
</style>
<script>
$(function() {
  $( "#sortable" ).sortable({
   revert: true
  });
  $( "#sortable2" ).sortable({
   revert: true
  });

  $( "#draggable" ).draggable({
   connectToSortable: "#sortable",
   helper: "clone",
   revert: "invalid"
  });

  $( "ul, li" ).disableSelection();


});
</script>
</head>
<body>
<ul>
<li id="draggable" class="ui-state-highlight">Drag me down</li>
</ul>
<ul id="sortable">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>
<ul id="sortable2">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>

</body>
</html>

mehral · مرداد 92

فکر کنم چیزی که دنبالشی یه چیز مثل اینه


http://jsbin.com/aluqoy/1

پرسشی داشتی بپرس

ورود

منوی کناری با قابلیت جابجایی

پست های پیشنهاد شده

Mesmaili 301

لینک به ارسال

parsian1361 69

لینک به ارسال

Mesmaili 301

لینک به ارسال

Morteza 34190

لینک به ارسال

Mesmaili 301

لینک به ارسال

Mesmaili 301

لینک به ارسال

Mesmaili 301

لینک به ارسال

Parsa 23463

لینک به ارسال

mehral 785

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها