سوال یک تازه کار Jquery

این تاپیک 3 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  بردیا راستین ،‏ 2 سال و 4 ماه پیش .

این تاپیک تاکنون 471 بازدید داشته است .

نویسنده پست
چهار شنبه ، 6 آگوست 2014     2:31 ب.ظ #


vahid vahid

Subscriber
1 پست1 تاپیک

سلام

من تازه وارد jquery شدم.

یکی از نیاز هایی که باعث شد به سمت jquery بیام این بود که میخواستم یک صفحه ثابت بسازم که از طریق منو بتونم محتوا رو توی همون صفحه نمایش بدم حالا چه از طریق ifram چه از راه مستقیم.

مثلا من یک صفحه دارم و سه گزینه در منو Gallery - Contact - About .

و یک Div با اسم content در کنار این منوی عمودی که میخوام بعد از زدن مثلا گالری ، بخش Div content ،صفحه گالری رو نشون بده بدون مراجعه به جای دیگه ای و بعد از اون بتونم با زدن Contact در div content ، صفحه تماس رو ببینم و گالری به اصطلاح hide بشه.

میشه یه شبیه سازی از این کار برای من با سه گزینه انجام بدید؟

در حالت اولیه هیچ کدوم نمایش داده نشه

در ضمن Gallery - Contact - About در <ul> هستن و هر کدوم در <li> و a rel="nofollow" href هر کدوم # تنظیم شده

 

با تشکر

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
چهار شنبه ، 6 آگوست 2014     4:04 ب.ظ #


بردیا راستین

Subscriber
93 پست7 تاپیک

سلام میتونی از کد زیر استفاده کنی .


$(document).ready(function(){
$('#div1').click(function(){
$('#div2').addClass('example');
$('#div3').removeClass('example2');
});
});

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

example

که توش اینو داشته باشه

display:none;

و همینطور یه کلاس به اسم

example 2

که این کد رو داره :

display: default;

اکزمپل قراره در هنگام کلیک به چیزی اضافه بشه که میخوای محو شه . و اکزمپل 2 برعکس .

اگه خواستی بگو بیشتر توضیح بدم.

2  تشکر
چهار شنبه ، 6 آگوست 2014     4:22 ب.ظ #


vahid vahid

Subscriber
1 پست1 تاپیک

ممنونم ازتون

ولی من یکم گیج شدم :)

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

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

<li><a rel="nofollow" href="#1">Gallery</a></li>
<li><a rel="nofollow" href="#2">Contact Me</a></li>
<li><a rel="nofollow" href="#3">About Me</a></li>

اینها لیست گزینه ها هستن.

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

و این ها هم آیدی هایی که به  ترتیب وقتی روی گزینه ها کلیک میشه باز میشن.

درضمن example هارو متوجه نشدم چجور تاثیر داره وقتی توی Html نوشته نشده

خیلی ممنون

0  تشکر
چهار شنبه ، 6 آگوست 2014     6:45 ب.ظ # پاسخ تائید شده توسط سوال کننده


بردیا راستین

Subscriber
93 پست7 تاپیک

وقت نداشتم ولی خوب دلم نیومد نوشتم برات. در ضمن فایل هم ضمیمه شده.

 

div {
background-color:#333333;
margin:20px;
width:200px;
height:200px;
display:none;
color:#fff;
font-size:2em;
text-align:center;
}
.show {
display: block;
}

$(document).ready(function(){
$('#click').click(function(){
$('#div1').addClass('show');
$('#div2').removeClass('show');
$('#div3').removeClass('show');
});
});
$(document).ready(function(){
$('#clickk').click(function(){
$('#div1').removeClass('show');
$('#div2').addClass('show');
$('#div3').removeClass('show');
});
});
$(document).ready(function(){
$('#clickkk').click(function(){
$('#div1').removeClass('show');
$('#div2').removeClass('show');
$('#div3').addClass('show');
});
});

Gallery
Contact Me
About Me
منول اول
منوی دوم
منوی سوم

 

پیوست ها:
You must be logged in to view attached files.
1  تشکر
پست 1 تا 4 (از مجموع 4 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .