::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : پنجشنبه 14 تیر 1403 - 6:11 قبل از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
صفحه اصلیHome page / کد های جدید جی کوئری (jQuery) / درست کردن زیر منوی موضوعات با جی کوئری
درست کردن زیر منوی موضوعات با جی کوئری
تعداد بازدیدvisits : 1543
mohammadl آفلاین



ارسال هاAnswers : 3
عضویتRegistration date : 7 /7 /1393
حمایت کردهThanks : 2
حمایت شدهThanked : 3
 درست کردن زیر منوی موضوعات با جی کوئری

سلام

راستش من می خوام با جی کوئری قسکت موضوعاتم رو منو دارش کنم

به این صورت باشه که اگر دسته موضوعات ul داشت و رو دسته مورد نظر کلیک شد زیر منوش باز شه و یه بار دیگه کلیک شد بسته شه یا کلا اگر یکی باز باشه و رو یکی دیگه کلیک شه زیر منوی اولی بسته شه و دومی باز شه

و اگرم ul نداشت که بره به اون آدرسی که بهش دادیم

میشه لطفا اگر امکانش هست کمک کنید خیلی سعی کردم خودم بنویسم ولی نشد تو گوگل هم سرچ کردم ولی کدهای که مثل این باشه پیدا نکردم

خواهش می کنم کمک کنید زیاد وقت ندارم

این کد جی کوئری من هست که اگه یکیش ul هم نداشته باشه وقتی روش کلیک میشه دسته پایینتر از خودش رو ul در نظر میگیره و با یه کلیک دیگه اون دسته رو محو می کنه

کد:

$(document).ready(function() {

$(function($) {

var allAccordions = $(\'.accordion div.data\');

var allAccordionItems = $(\'.accordion .accordion-item\');

$(\'.accordion > .accordion-item\').click(function() {

if($(this).hasClass(\'open\'))

{

$(this).removeClass(\'open\');

$(this).next().slideUp();

// $(this).hide(\".myImage\").css(\'transform\',\'rotate(70deg)\');

// $(this).hideClass(\"myImage2\");

// $(\'#myImage\').css(\'transform\',\'rotate(70deg,{speed:10})\');

}

else

{

allAccordions.hide();

allAccordionItems.removeClass(\'open\');

$(this).addClass(\'open\');

//f($(this).find(\"ul\"))

{

$(this).next().hide().slideDown();

return false;

};

};

});

});

});

لطفا بگین من چیکار کنم تا دیونه نشدم

چهارشنبه 16 اردیبهشت 1394 - 00:49
ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (1) : smaeal -
mohammadl آفلاین



ارسال‌هاAsnwers : 3
عضویتRegistration date : 7 /7 /1393
حمایت کردهthanks : 2
حمایت شدهThanked : 3
 پاسخAnswer 1 : درست کردن زیر منوی موضوعات با جی کوئری

بچه ها این عکس رو ببینید این همون قسمت موضوعات من هست

بچه ها کتابهای اموزشی ul نداره ولی همونطور که می بینید اون عکس آبی تو این هم هست که می گه زیر منو داره همون فلش آبی رنگ رو می گم که به سمت پایین هست

در حالی که نباید باشه بعدش وقتی روش کلیک می کنم نمی ره به آدرس و در حالی که چیزی نداره ولی اون قطعات رباتیک رو ul خودش در نظر می گیره و محو می کنه

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

خواهش می کنم بگین من چیکار کنم من از توابع جی کوئری چیزی حالیم نیست و اگه بخوام یاد بگیرم که اونوقت باید بیخیالش باشم

پـــــــــــــــــــلــــــــــــــــــــــیـــــــــــــــــــــــــــــــــز هــــــــــــــــــــــــــــــــلــــــــــــــــــــــــــــــپ

چهارشنبه 16 اردیبهشت 1394 - 01:04
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : smaeal -
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
 پاسخAnswer 2 : درست کردن زیر منوی موضوعات با جی کوئری

داداش منم این مشکل رو داشتم...ولی راه به جایی نبردم...:دی

یعنی توابه filter. و not. رو خواستم توش پیاده کنم...اما فهمیدم برای classـها کاربرد داره...

ولی بعدش تصمیم گرفتم که از hover. استفاده کنم...به این شکل:

کد:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script>

$(document).ready(function(){

$('.catmenu').hover(function(){

$(this).next('.submenu').slideToggle();

});

});

</script>

<ul>

<li class="catmenu"><span>[Catgory_Title]</span></li>

<li class="submenu" style="display:none;">

<span>

<a rel="tag" href="[Catgory_Sub_Link]" title="پست های این موضوع : [Catgory_Sub_Posts] پست" target="_blank">[Catgory_Sub_Title]</a>

</span>

</li>

<li class="catmenu"><span>[Catgory_Title]</span></li>

<li class="submenu" style="display:none;">

<span>

<a rel="tag" href="[Catgory_Sub_Link]" title="پست های این موضوع : [Catgory_Sub_Posts] پست" target="_blank">[Catgory_Sub_Title]</a>

</span>

</li>

<li class="catmenu"><span>[Catgory_Title]</span></li>

<li class="submenu" style="display:none;">

<span>

<a rel="tag" href="[Catgory_Sub_Link]" title="پست های این موضوع : [Catgory_Sub_Posts] پست" target="_blank">[Catgory_Sub_Title]</a>

</span>

</li>

<li class="catmenu"><span>[Catgory_Title]</span></li>

<li class="submenu" style="display:none;">

<span>

<a rel="tag" href="[Catgory_Sub_Link]" title="پست های این موضوع : [Catgory_Sub_Posts] پست" target="_blank">[Catgory_Sub_Title]</a>

</span>

</li>

</ul>

===================================================
☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼
چهارشنبه 16 اردیبهشت 1394 - 07:22
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : mohammadl -
mohammadl آفلاین



ارسال‌هاAsnwers : 3
عضویتRegistration date : 7 /7 /1393
حمایت کردهthanks : 2
حمایت شدهThanked : 3
 پاسخAnswer 3 : درست کردن زیر منوی موضوعات با جی کوئری

نقل قول از smaeal

داداش منم این مشکل رو داشتم...ولی راه به جایی نبردم...:دی

یعنی توابه filter. و not. رو خواستم توش پیاده کنم...اما فهمیدم برای classـها کاربرد داره...

ولی بعدش تصمیم گرفتم که از hover. استفاده کنم...به این شکل:

کد:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script>

$(document).ready(function(){

$('.catmenu').hover(function(){

$(this).next('.submenu').slideToggle();

});

});

</script>

<ul>

<li class="catmenu"><span>[Catgory_Title]</span></li>

<li class="submenu" style="display:none;">

<span>

<a rel="tag" href="[Catgory_Sub_Link]" title="پست های این موضوع : [Catgory_Sub_Posts] پست" target="_blank">[Catgory_Sub_Title]</a>

</span>

</li>

<li class="catmenu"><span>[Catgory_Title]</span></li>

<li class="submenu" style="display:none;">

<span>

<a rel="tag" href="[Catgory_Sub_Link]" title="پست های این موضوع : [Catgory_Sub_Posts] پست" target="_blank">[Catgory_Sub_Title]</a>

</span>

</li>

<li class="catmenu"><span>[Catgory_Title]</span></li>

<li class="submenu" style="display:none;">

<span>

<a rel="tag" href="[Catgory_Sub_Link]" title="پست های این موضوع : [Catgory_Sub_Posts] پست" target="_blank">[Catgory_Sub_Title]</a>

</span>

</li>

<li class="catmenu"><span>[Catgory_Title]</span></li>

<li class="submenu" style="display:none;">

<span>

<a rel="tag" href="[Catgory_Sub_Link]" title="پست های این موضوع : [Catgory_Sub_Posts] پست" target="_blank">[Catgory_Sub_Title]</a>

</span>

</li>

</ul>

سلام داداش تو این مشکل نیست اینو با css هم می تونم انجام بدم ولی مغزم هنگ کرده رو اون فلشه که باز و بسته شه

یه سوال

چطور می تونم مثلا وقتی زیر منو یه موضوع رو باز می کنم و همونطور باز می مونه و وقتی رو یه تگ a که اصلا ربطی به این ul نداره کلیک می کنم بر فرض زیر منو باز هست و من رو صفحه اصلی کلیک می کنم اونوقت باید زیر منو بسته شه ولی بسته نمیشه و این یکم بده

هر کاری کردم که با دستور شرطی جی کوئری این کار رو انجام بدم نشد که نشد صد رحمت به گاو که یه چیزایی حالیش هست

اینم اون دستور شرطی من که نمی دونم چجوری نوشتم

if($(".data").click('a'))

چهارشنبه 16 اردیبهشت 1394 - 18:27
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : smaeal -
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
 پاسخAnswer 4 : درست کردن زیر منوی موضوعات با جی کوئری

چی بگم والا...

منم نمیدونم...ولی کلاً ما فقط this رو داریم تا اونی که روش کلیک میشه رو مشخص کنیم...

چنین چیزی نداریم که تو روی یه تگ a کلیک کنی بره چیزی رو که نمیدونه کجاست رو ببنده...:دی

===================================================
☼برای تشکر از دکمه « سپاسگزارم » استفاده نمایید☼
چهارشنبه 16 اردیبهشت 1394 - 18:28
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : mohammadl -
mooon آفلاین



ارسال‌هاAsnwers : 2
عضویتRegistration date : 10 /11 /1397
 پاسخAnswer 6 : hi

عالی

فروش اقساطی گوشی

فروش اقساطی ایفون

خرید اقساطی آیفون

خرید اقساطی گوشی
چهارشنبه 10 بهمن 1397 - 14:46
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com 		کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex