تبدیل Hover به onClick ??

wSaman · اردیبهشت 92

سلام

من میخواستم بدونم میشه کدهای css که توی قسمت hover انجام میشه رو توی onclick ریخت

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

عبدالماجد · اردیبهشت 92

به این صورت :

.myclass:focus{code...}

wSaman · اردیبهشت 92

Focus جواب نداد

ویرایش شده اردیبهشت 92 توسط wSaman

**Parsa** · اردیبهشت 92

رویداد کلیک CSS ندارد

یا باید از js استفاده کنید یا http://www.ryancollins.me/?p=1041

wSaman · اردیبهشت 92

اون چیزی که میخوام اینه


<!DOCTYPE html>
<html>
<head>
<style>div { width:50px; height:70px; float:left; margin:5px;
	 background:rgb(255,140,0); cursor:pointer; } </style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div></div>
<div></div>

<div></div>
<div></div>
<div></div>
<script>$("div").one('click', function () {
	 $(this).height(30)
			 .css({cursor:"auto", backgroundColor:"green"});
});</script>

</body>
</html>

استیل من :

#post-c

ویرایش شده اردیبهشت 92 توسط wSaman

**Parsa** · اردیبهشت 92

این جکوئری را تست کنید


<script>$("#post-c").one('click', function () {
		  $(this).height(30)
						 .css({cursor:"auto", backgroundColor:"green"});
	    });</script>

+ جکوئری را هم در صفحه لود کنید

wSaman · اردیبهشت 92

حالا یه مشکل دیگه

فقط روی یک #post-c انجام میشه

درصورتی که توی دمو روی 5 تا divکار میکنه

http://api.jquery.com/height/

مشکل چیه :-?

ویرایش شده اردیبهشت 92 توسط wSaman

**Parsa** · اردیبهشت 92

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

در کد شما باید با توجه به parent رویداد رخ بدهد

چنین حالتی برای مثال


<script>$("#post li").one('click', function () {
				  $(this).height(30)
												 .css({cursor:"auto", backgroundColor:"green"});
			    });</script>

wSaman · اردیبهشت 92

آقا خیلی مردی

دمت گرم

این مشکلم حل شد

تشکر

حالا اگر بخوایم عرضش مثل اول بشه باید چیکار کنیم؟

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

ویرایش شده اردیبهشت 92 توسط wSaman

wSaman · اردیبهشت 92

یه راه پیدا کردم که قشنگ هم هست


<script>$(".style1 #post-c").on('dblclick', function () {
		 $(this).height(15)
						 .css({cursor:"auto", border: "1px solid #eee;"});
	 });</script>
<script>
$(".style1 #post-c").on( "click", function() {
$(this).height(300)
						 .css({cursor:"auto", border: "1px solid #eee;"});
});
</script>

ویرایش شده اردیبهشت 92 توسط wSaman

wSaman · اردیبهشت 92

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

ورود

تبدیل Hover به onClick ??

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

wSaman 6

لینک به ارسال

عبدالماجد 3203

لینک به ارسال

wSaman 6

لینک به ارسال

Parsa 23463

لینک به ارسال

wSaman 6

لینک به ارسال

Parsa 23463

لینک به ارسال

wSaman 6

لینک به ارسال

Parsa 23463

لینک به ارسال

wSaman 6

لینک به ارسال

wSaman 6

لینک به ارسال

wSaman 6

لینک به ارسال

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

فهرست بخش ها

فعالیت ها