0
Merha öncelikle jquery hakkında pek bilgim olmadığını söylemek isterim aşağıdaki kodu da internetten araştıra araştıra yazdım
ama bu koddan farklı olarak 2 tıklmada .menu ye değilde ekranın boş bir kenarına tıklandığında kapanmasını istiyorum
Denedğim yöntemler:
Ben size yapmak istediğimi anlatayım isterseniz siz yeni kod hazırlayın.
Menu divine tıklayınca ekranın sağ tarafından animasyonlu olarak yani kayarak menü açılsın ve ekranın her hangi bir yerine tıklayınca sağ tarafa kayarak kapansın istiyorum buna uygun bir kod yazarsanız çok sevinirim ve yardımcı olan ve olmak isteyen herkeze şimdiden teşekkür ederim.
<script type='text/javascript'>
$(document).ready(function(){
$(".menu").click(function(){
$("#css-menu").animate({"right":"0"});
});
});
$(document).ready(function(){
$(".menu").click(function(){
$("#css-menu").animate({"right":"-350px"});
});
});
</script>
1
En sonunda gerekli kodu buldum :)
Aşağıdaki kodu yazınca tam istediğim gibi oluyor. belki birinin işine yarar onun için nasıl yapıldığını anlatmak isityorum.
bundan sonra kodun çalışmasını istediğimiz yere kadar geliyoruz şu kodu ekliyoruz
Burdaki mantık ilk tıkladığımızda jquery döngüsü e.stopPropagation(); koduna gelene kadar çalışıp bu koda gelince duruyor ikinci tıkladığımz zaman ise jquery döngüsü devam ediyor ve döngü tamamlanıyor.
(Yukarda neden html yazınca hata veriyor sorusuna cevap vermek için biraz düşünmem yeterliymiş çünkü .menu html'in içinde bulunduğu için .menu ye tıkladığım zaman html'ede tıklamış oluyorum :D ve menü açılmadan kapanıyor.)
<script type='text/javascript'>
$(document).ready(function() {
$('.menu').click(function(e){
$("#cssmenu").css({right:"0px"});
e.stopPropagation();
});
$("html").click(function(){
$("#cssmenu").css({right:"-340px"});
});
});
</script>
0
Bu tür bir kod işini görür mü?
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="menu" style="display:none;height:300px;width:200px; background:#ff0000">
<ul>
<li>Link</li>
<li>link</li>
</ul>
</div>
<script src="js/jquery-1.11.3.min.js"></script>
<script type='text/javascript'>
$(document).ready(function () {
$(document).click(function () {
$("#menu").toggle("slow");
});
});
</script>
</body>
</html>
Cevap yazabilmek için üye girişi yapmalısınız.
Eğer uzmanim.net üyesiyseniz giriş yapabilirsiniz: üye girişi yap
uzmanim.net'e üye olmak çok kolaydır: hemen kayıt ol
hakan (4) 
sponsorluicerik (2)