انتخاب چند آیتم یا یک جی‌کوئری

[مهدی 1668]

سلام

چه‌طور میشه با جی‌کوئری چند آیم را انتخاب کرد

یعنی در مثال هر وقت موس روی

<div class="sub-main">

رفت اون div زیری خودش مثلا ناپدید بشه

امیدوارم سوال واضح بوده باشه

[Mostafa 2587]

سلام،

http://codepen.io/oTheme/pen/FDwCG/

[مهدی 1668]

ممنون

ولی وقتی روی

<div class="sub-main">

اولی رفت

<div class="name1">Hi wordpress 1</div>

این محو بشه

وقتی روی

<div class="sub-main">

دومی رفت

<div class="name1">Hi wordpress 2</div>

محو بشه

به همین ترتیب باقیش

[Mostafa 2587]

منظورتون اینه وقتی روی name1 رفت، name2 حذف بشه؟!

[مهدی 1668]

خیر

در یک کوئری مثلا ۱۲ پست نمایش داده میشه

به صورتی که بر روی تصویر شاخص عنوان هر مطلب نمایش داده میشه

این مجموعه دارای یک div هست و هر کدوم از مطالب (تصویر شاخص) هم دارای یک div هست

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

مثلا این

ولی من می‌خوام بعد از چند ثانیه اگر موس روی تصویر بود عنوان محو بشه

لذا مجبور شدم از جاوا استفاده کنم

[imanfakhar 26231]

http://cdpn.io/hxkLe

[مهدی 1668]

خیلی ممنون مشکلم حل شد

ولی این کار رو چطور میشه با جاوا انجام داد؟

[مهدی 1668]

یه مشکل با حالت css

در این حالت نمایش عنوان‌ها با تاخیر هست

یعنی بعد از چند ثانیه عناوین نمایش داده میشه

[Mostafa 2587]

با js:

http://codepen.io/anon/pen/weigx/

اگرهم میخواین بعد از ترک مواس از المان جاری مجدداً عنوان نمایش داده شود، از fadeToggle به جای fadeIn استفاده کنید.

[مهدی 1668]

ممنون ولی با دیلی نمیشه با تایم اوت

برای تاخیر٬ یعنی اگر موس مثلا ۱ ثانیه روی تصویر بود بعد ...

مثلا این

ولی نمی‌دونم چرا این‌طوری کار نمیکنه

البته با

, this

کار نمیکنه

بدون اون هم همشون محو میشن

ویرایش شده فروردین 93 توسط مهدی

[Mostafa 2587]

طبق اظهارات شما:

در یک کوئری مثلا ۱۲ پست نمایش داده میشه

به صورتی که بر روی تصویر شاخص عنوان هر مطلب نمایش داده میشه

این مجموعه دارای یک div هست و هر کدوم از مطالب (تصویر شاخص) هم دارای یک div هست

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

مثلا این

ولی من می‌خوام بعد از چند ثانیه اگر موس روی تصویر بود عنوان محو بشه

و حالا این چنین مطرح میکنید:

ممنون ولی با دیلی نمیشه با تایم اوت

برای تاخیر٬ یعنی اگر موس مثلا ۱ ثانیه روی تصویر بود بعد ...

مثلا این

ولی نمی‌دونم چرا این‌طوری کار نمیکنه

البته با

, this

کار نمیکنه

بدون اون هم همشون محو میشن

دقیقاً منظورتان چیست؟

[مهدی 1668]

نمونه آخر شما درست هست

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

شما از delay استفاده کردید و آقای فخار از css

در delay تصویر با تاخیر نشون داده میشه نه این‌که بعد از چند ثانیه نمایش داده بشه (نمایش با تاخیر)

در css چون من این کد رو در اسلایدر استفاده می‌کنم عناوین هم در ابتدای نمایش با تاخیر نمایش داده میشن (بدون این‌که موس روی اونها بره)

لذا با این روش‌ها مشکلم حل نشد

قبل از این‌که اولین سوال رو بپرسم ۲ روزی تو نت چرخیدم و دیدم با استفاده از قابلیت setTimeout میشه این کار رو انجام داد (اگر موس چند ثانیه روی تصویر بود عنوان محو بشه)

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

[imanfakhar 26231]

setTimeout کار دیگه ای می کنه برای کاری که شما می خواهید بکنید همون delay درسته و زمانی که به fadeOut می دید

متوجه مشکلتون با css نشدم شما باید کلاس ها را اختصاصی کنید و کد را بر مبنای کلاس ها بازنویسی کنید کد در حال حاضر کاملا عمومیه و مشخصا روی عناصر دیگه هم موثره

[مهدی 1668]

setTimeout کار دیگه ای می کنه برای کاری که شما می خواهید بکنید همون delay درسته و زمانی که به fadeOut می دید

متوجه مشکلتون با css نشدم شما باید کلاس ها را اختصاصی کنید و کد را بر مبنای کلاس ها بازنویسی کنید کد در حال حاضر کاملا عمومیه و مشخصا روی عناصر دیگه هم موثره

شما خودتون استاد هستید

ولی در مورد delay همون‌طور که از اسمش معلومه تاخیر در نمایش هست

نه این‌که اگر موس چند ثانیه روی تصویر بود بعد مثلا عنوان محو بشه

این هم که میگم از setTimeout باید استفاده بشه نتیجه دو٬ سه روز گشتن تو نت بود که تقریبا در تمام موارد از این مورد استفاده شده بود

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

منتها مشکل اینجا شروع میشه که وقتی موس روی تصویر میاد و مثلا ۲ ثانیه این مکس طول میکشه به جای این‌که فقط عنوان زیری موس محو تمام عنوان‌ها محو میشه

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

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

ولی ...

در مورد css هم ببینید من از gridslider برای نمایش اسلاید استفاده کردم به صورت ۲ در ۲

در چهار تصویر اول مشکلی وجود نداره ولی در تصاویر بعدی عناوینی که براشون اون css به خصوص به کاربرده شده (css شما)٬ این عناوین با همون تاخیر نمایش داده میشه

یعنی مثلا

transition:all .5s ease .4s;

در این حالت عنوان‌های بعدی هم با ۴. ثانیه تاخیر نمایش داده میشه

[imanfakhar 26231]

اگر عنوان هاتون با کد css خاصیت transition گرفته باشند نه جی کوئری و نه css دیگه به دردتون نمی خوره و در واقع هر کدی بگذارزید یه جای کار می لنگه و بهترین کار اینه که از طریق کدهای اسلایدر باویرایش به خواستتون برسید

نه این‌که اگر موس چند ثانیه روی تصویر بود بعد مثلا عنوان محو بشه

من اصولا به این اتفاق می گم تاخیر

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

http://jsbin.com/rodoz/1/