Podmínky v jquery – JavaScript, AJAX, jQuery – Fórum – Programujte.com

TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Trvalé přihlášení

Zapomněl jsi heslo?

Podmínky v jquery – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Rozšířené hledání ›

Nejnovější témata ve fóru

14:46, Python Používáte SQLAlchemy nebo pandas? pymysql

11:30, Funkcionální progr… Promotic

09:34, Software KAPEKA - zadní dvířka do woken

20:43, Hardware Adaptér pro sériové připojení LCD displejů

23:05, Vzdělání Platy softwarářů

22:47, Právo a podnikání Zákon o majitelích firem

Stavba Laser Arény
Laser Game Brno

Fórum › JavaScript, AJAX, jQuery

Podmínky v jquery

tribalcz 0

Super člen

22. 6. 2014 #1

Ahoj sem v Jquery prakticky začátečník a potřebuju poradit ohledně podmínek mám tento kód

function CollapsePanel(){
    $('a.collapse').on('click', function(){
        $(panel).animate({
       opacity: 1,
       left: "+=180",
       }, 1250);
        return false;
    });
}

a potřebuju vytvořit podmínku kdy se bude animovat napravou stranu a nebo naopak myslel jsem že by to mohlo jít takto

$(posuvnik).on('click', function(){
               if ($(document).on('click'))
       {
               $(panel).animate({
                   opacity: 1,
                   left: "+=180",
                 }, 1250);
        return false;
       }
       else{
               $(panel).animate({
                   opacity: 1,
                   left: "-=180",
                 }, 1250);
        return false;
       }
       })

Nahlásit jako SPAM

IP: 178.209.131.–

jakubk

~ Redaktor

Posthunter

TOP Kultivátor příspěvků ve starém fóru – 16.92 % z celku

22. 6. 2014 #2

Ta podmínka nedává smysl, co to má dělat? Jestli chceš při kliknutí někam (třeba na ten posuvník) udělat něco a při kliknutí někam jinam udělat něco jinýho, tak si vytvoř dva samostatné event handlery.

Nahlásit jako SPAM

IP: 84.244.64.–

.NET a React
jakubkottnauer.com | @jkottnauer

peter

~ Anonymní uživatel
~ 3981 příspěvků

23. 6. 2014 #3

http://api.jquery.com/animate/

var x = 1;
document.onclick = function(event) {x = -x;} // nevim, zda by tam ted nemelo byt tez return false
...x*180 ...

Nebo
<script> var x = true; document.onclick = function(event) {x = !x;} </script>
<span onclick="alert(x ? '+=180' : '-=180');">klikni</span>

Nahlásit jako SPAM

IP: 2001:718:2601:258:34b5:50...–

peter

~ Anonymní uživatel
~ 3981 příspěvků

23. 6. 2014 #4

Jaj, jsem smazal to nejdulezitejsi :) Ze se velikost ale zapisuje v px, takze 180 samo o sobe nic nemusi udelat. Je to tam i v tom examplu

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>animate demo</title>
<style>
div {
position: absolute;
background-color: #abc;
left: 50px;
width: 90px;
height: 90px;
margin: 5px;
}
</style>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button id="left">&laquo;</button>
<button id="right">&raquo;</button>
<div class="block"></div>
<script>
$( "#right" ).click(function() {
$( ".block" ).animate({ "left": "+=50px" }, "slow" );
});
$( "#left" ).click(function(){
$( ".block" ).animate({ "left": "-=50px" }, "slow" );
});
</script>
</body>
</html>

Nahlásit jako SPAM

IP: 2001:718:2601:258:34b5:50...–

← Zpět na seznam vláken ← Zpět do Fóra