bichare

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

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

سلام

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

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

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

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

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

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

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

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

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

ممنون

0

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


لینک به پست

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

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

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

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

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

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

ممنون :wub:

0

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


لینک به پست

این سایت مدیر نداره بابا مدیر لاقل کمک کنه :wub:

0

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


لینک به پست

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

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

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

ویرایش شده در توسط bichare
0

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


لینک به پست


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

پی نوشت:

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

2

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


لینک به پست


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

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

0

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


لینک به پست

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

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

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

آدرس سایت

ویرایش شده در توسط bichare
0

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


لینک به پست

سلام

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

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

2

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


لینک به پست

سلام

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

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

0

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


لینک به پست

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

ممنون

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

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

0

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


لینک به پست

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


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

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


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

1

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


لینک به پست

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


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

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


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

سلام

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

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

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

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

0

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


لینک به پست

استاد اینم کدهای من هست که دقیقا کد های شما رو قرار می دم ولی کار نمی کنه با فایرفاکس 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>

0

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


لینک به پست

عرض کردم که یک آیکون فلش بسازید و در پوشه 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 سایتتون اضافه کنید

1

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


لینک به پست

عرض کردم که یک آیکون فلش بسازید و در پوشه 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 اضاف کردم متاسفانه بازم نیومد

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

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

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

0

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


لینک به پست

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

1

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


لینک به پست

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

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

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

0

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


لینک به پست

سلام

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

وقتی جاوا اسکریپت رو تو قسمت 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
0

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


لینک به پست

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

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

1

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


لینک به پست

سلام

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

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

0

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


لینک به پست

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

1

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


لینک به پست

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

سلام

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

0

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


لینک به پست

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


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

1

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


لینک به پست

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

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

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

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


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

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

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


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