• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
Mesmaili

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

9 پست در این موضوع قرار دارد

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

1

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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


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

1

به اشتراک گذاری این پست


لینک به پست

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

0

به اشتراک گذاری این پست


لینک به پست

<!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>

2

به اشتراک گذاری این پست


لینک به پست

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


http://jsbin.com/aluqoy/1

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

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری