رفتن به مطلب

تغییر تصویر با جکویری


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

سلام

خسته نباشید همگی

آقا من با جی کوئری یه همچین چیزی می خوام ولی چون خودم رشتم برق هست نتونستم درستش کنم البته به صورت مقدماتی با جی کوئری آشنایی دارم ولی زیاد از توابع سر در نمی یارم :mellow:

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

post-9992-0-12755700-1430508193_thumb.pn

می خوام وقتی رو اون آیتم اول کلیک شد اون فلش نوکش به سمت پایین باشه مثل عکس زیر

post-9992-0-22502600-1430508210_thumb.pn

و و قتی دوباره کلیک شد مثل قبل بشه و کلا اگر هی تکرار بشه مشکلی ایجاد نشه

خواهش می کنم کمک کنید چند روز دنبال اینم ولی خیلی جاها اصلا صحبت از این نشده و بعضی ها هم فقط اینو گفتند که با کلیک بر روی اون فلش ، فلش می تونه تغییر کنه

حالا من چیکار کنم چجوری کد رو بنویسم که کار کنه

ممنون

لینک به ارسال

دقیقا اولیش http://www.jqueryrai...y-menu-example/

خوشت نیومد باز هم هست داخلش

سلام ممنون از پاسختون

من دیدم ولی اصلا عکس که تغییر نمی کنه

مثالهای یگه رو هم دیدم ولی نتونستم کدش رو پیدا کنم

یکم بیشتر راهنمایی کنید

ممنون :wub:

لینک به ارسال

اساتید محترم من نتونستم اونو طراحی کنم متاسفانه می خوام تصویر همون جوری باقی بمونه تغییر نکنه

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

لطفا کمک کنید :|

ویرایش شده توسط bichare
لینک به ارسال


<script>
$(document).ready(function() {
$(".sidebar").find("ul").each(function() {
var img = '<img src="folder/images/img.png">';
$(this).prev("a").attr('href', 'javascript:void(0)').prepend(img);
});
})
</script>

پی نوشت:

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

لینک به ارسال


<script>
$(document).ready(function() {
$(".sidebar").find("ul").each(function() {
var img = '<img src="folder/images/img.png">';
$(this).prev("a").attr('href', 'javascript:void(0)').prepend(img);
});
})
</script>

پی نوشت:

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

استاد معذرت می خوام :wub:

میشه بگین این کد چیکار می کنه

لینک به ارسال

استاد این سایت رو ببینید اون قسمت گروههای محصولات

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

خواهش می کنم کمک کنید :unsure:

آدرس سایت

ویرایش شده توسط bichare
لینک به ارسال

سلام

اگر صبور باشید چشم

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

لینک به ارسال

سلام

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

استاد میشه توضیح بدی اون فلش آدرسش کجا قرار می گیره من نتونستم پیداش کنم و اون فلش اصلا نیست فقط فهرست نشون داده میشه :unsure:

لینک به ارسال

استاد واقعا من چیزی نفهمیدم میشه یه توضیح کلی در مورد اون جاوا اسکریپت بدین و بگین من عکس رو کجا قرار بدم :mellow:

ممنون

استاد این عکسو ببینید اینجوری نشون میده اصلا خیلی با اونی که شما نوشتین فرق داره و اون فلش هم

نیستpost-9992-0-02970800-1430693323_thumb.pn

لینک به ارسال

اون کد به استایل بندی بوت استراپ وصله اگر برای آیکون از فونت آیکون استفاده می کنید باید این قسمت از کد را


<i class="fa glyphicon glyphicon-chevron-down rotate-90 fa-fw tree-icon"></i>

تغییر بدید و الا می تونید یک آیکون به شکل دلخواه بسازید و در تصاویر قالبتون ذخیره کنید و در استایل دهی این کد را اضافه کنید


.glyphicon-chevron-down:before {
content:url('images/icon.png');
}

لینک به ارسال

اون کد به استایل بندی بوت استراپ وصله اگر برای آیکون از فونت آیکون استفاده می کنید باید این قسمت از کد را


<i class="fa glyphicon glyphicon-chevron-down rotate-90 fa-fw tree-icon"></i>

تغییر بدید و الا می تونید یک آیکون به شکل دلخواه بسازید و در تصاویر قالبتون ذخیره کنید و در استایل دهی این کد را اضافه کنید


.glyphicon-chevron-down:before {
content:url('images/icon.png');
}

سلام

استاد شرمنده بوت استراپ چیه

والا من مبتدی هستدم زیادم بلد نیستم

اون کدی رو که شما بالا نوشتید من نمی ونم کجا قرار بدم همون فلش خوبه ولی نمی دونم چرا نشون نمی ده دقیق این کدهای شما رو کپی و پست می کن م ولی نشون نمی ده نه من نمی خوام عکس جای اون فلش بزارم اونطور که فهمیدم شما با کد اون فلش رو درست کردید همین خوبه ولی نمی دونم چرا نشون نمی ده خواهش می کنم یکم بازتر توضیح بدید اگرم قرار عکس بزام کجا بزارم :unsure:

ممنون از زحماتتون

لینک به ارسال

استاد اینم کدهای من هست که دقیقا کد های شما رو قرار می دم ولی کار نمی کنه با فایرفاکس 32 هم تست می کنم

کد های css


html {
direction:rtl;
}
.ul-sidebar ul{
margin-right:20px;
font-size:13px;
}
.sidebar ul {
list-style:none;
margin-right:20px;
}
.sidebar ul li ul {
display:none;
}
.sidebar .tree-icon {
cursor:pointer;
margin:15px;
transition:all .5s linear;
font-size:13px;
}
.rotate-90 {
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

و اینم کدهای html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script type="text/javascript" src="jquery1.11.2.min.js"></script>
<script type="text/javascript">
$(".sidebarr").find("ul").find("ul").each(function () {
var tree_icon ='<i class="fa glyphicon glyphicon-chevron-down rotate-90 fa-fw tree-icon"></i>';
$(this).parent("li").prepend(tree_icon);
});
$(".tree-icon").click(function () {
$(this).toggleClass("rotate-90").nextAll("ul").slideToggle('normal');
});
</script>
</head>
<body>

<!-- کلاس اصلی sidebar که فهرست در آن قرار می گیرد -->
<div class="sidebar nav nav-stacked">
<!-- ابتدای فهرست -->
<ul>
<li><a href="#">گزینه اول </a>
<ul>
<li><a href="#">گزینه اول </a>
<ul>
<li><a href="#">گزینه اول </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه چهارم </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه چهارم </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
</ul>
<!-- انتهای فهرست -->
</div>
<!-- بستن کلاس sidebar -->

</body>
</html>

لینک به ارسال

عرض کردم که یک آیکون فلش بسازید و در پوشه images با نام icon.png ذخیره کنید و


.glyphicon-chevron-down:before {
content:url('images/icon.png');
}

را به استایلتون اضافه کنید یا اگر می خواهید ایکون خودش ایجاد بشه


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

را به head سایتتون اضافه کنید

لینک به ارسال

عرض کردم که یک آیکون فلش بسازید و در پوشه images با نام icon.png ذخیره کنید و


.glyphicon-chevron-down:before {
content:url('images/icon.png');
}

را به استایلتون اضافه کنید یا اگر می خواهید ایکون خودش ایجاد بشه


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

را به head سایتتون اضافه کنید

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

اینم عکس که گرفتم

post-9992-0-71533400-1430760601_thumb.pn

همونطور که گفتن فایل png هم ایجاد کردم و اون کد رو به css اضاف کردم متاسفانه بازم نیومد

به هر حال ممنون که کمک کردین نمی دونم مشکل کجاست ولی یه کاریش می کنم

همون ساده می کنم

معذرت می خوام که وقتتون رو گرفتم

لینک به ارسال

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script type="text/javascript" src="jquery1.11.2.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"></head>
<body>

<!-- کلاس اصلی sidebar که فهرست در آن قرار می گیرد -->
<div class="sidebar nav nav-stacked">
<!-- ابتدای فهرست -->
<ul>
<li><a href="#">گزینه اول </a>
<ul>
<li><a href="#">گزینه اول </a>
<ul>
<li><a href="#">گزینه اول </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه چهارم </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">گزینه چهارم </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
<ul>
<li><a href="#">گزینه اول </a>
</li>
<li><a href="#">گزینه ای دیگر</a>
</li>
<li><a href="#">سومین آیتم از یک لیست </a>
</li>
<li><a href="#">گزینه چهارم </a>
</li>
<li><a href="#">پنجمین گزینه از یک لیست </a>
</li>
</ul>
</li>
</ul>
<!-- انتهای فهرست -->
</div>
<!-- بستن کلاس sidebar -->
<script type="text/javascript">
$(".sidebarr").find("ul").find("ul").each(function () {
var tree_icon ='<i class="fa glyphicon glyphicon-chevron-down rotate-90 fa-fw tree-icon"></i>';
$(this).parent("li").prepend(tree_icon);
});
$(".tree-icon").click(function () {
$(this).toggleClass("rotate-90").nextAll("ul").slideToggle('normal');
});
</script>

</body>
</html>

لینک به ارسال

استاد من دارم تو دریم ور تست می کنم شاید علت اینکه نشون نمیده این باشه

البته کلا آدرس ها رو درست می دم و جی کوئری رو هم خودم تست کردم که درست لینک شده و کار می کنه این کد بالایی هم اصلا فرقی نکرد

فقط می خوام بدونم مشکل از دریمور می تونه باشه یا نه

لینک به ارسال

سلام

استاد بلاخره شد

وقتی جاوا اسکریپت رو تو قسمت head قرار می دم اصلا جواب نمی ده و همون آخری که نوشتین جواب می ده منتها من اون کد رو که قبلا دستکاری کرده بودم و sidebar رو نوشته بودم sidebarr که درست عمل نمی کرد

این همون قسمتی هست که من اشتباه کردم

<script type="text/javascript">

$(".sidebarr").find("ul").find("ul").each(function () {

var tree_icon ='<i class="fa glyphicon glyphicon-chevron-down rotate-90 fa-fw tree-icon"></i>';

$(this).parent("li").prepend(tree_icon);

});

$(".tree-icon").click(function () {

$(this).toggleClass("rotate-90").nextAll("ul").slideToggle('normal');

});

</script>

کلا اون sidebar رو درست کردم کار کرد ولی انتقال دادم به قسمت head کار نکرد نمی دونم چرا

از زحمتی که برا پاسخ های من کشیدین تشکر می کنم :wub:

اینم عکس

post-9992-0-99866300-1430780801_thumb.pn

post-9992-0-83964800-1430780922_thumb.pn

ویرایش شده توسط bichare
لینک به ارسال

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

اصولا لود جی کوئری در فوتر اشتباهه

لینک به ارسال

سلام

میشه بفرمایید که چجوری می تونم بفهمم که کدام تک ul داره

مثلا من می خوام که اگر یه تگ لیست داشت نشون بده و اگر نداشت بره به اون آدرسی که براش می دم

لینک به ارسال

متوجه سئوالتون نشدم ul خودش تگه

سلام

منظورم تگ a هست من قسمت موضوعات رو می گم که هر کدام واسه خودشون ul دارن ولی اگر یکی نداشته باشه من چجوری بفهمم که این نداره و یه شرط رو با جی کوئری اجرا کنم

لینک به ارسال

تگ a که مستقیما در ul قرار نمی گیره اگر درست منظورتون رو فهمیده باشم شاید این کد کمکتون کنه


$(".sidebar").find("a").each(function() {
var parents = $(this).parent().parent();
if(parents.is("ul")) {
//...
}
else {
//...
}
});

لینک به ارسال

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

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...