jQuery topic - Szoftverfejlesztés fórum

üzenetek

hozzászólások


Sk8erPeter
(nagyúr)

Mellesleg ubid, majd szólj, ha esetleg mégis érdekel a konkrét válasz, hogy miért is nem működött az általad említett böngészőkben, nálam sikerült működésre bírni. Csak kicsit normálisabb stílusban légy szíves. :D


martonx
(veterán)

Csak annyit fűznék hozzá, hogy az idő általában engem igazol. :DD A komplett hülyékkel általában kár értelmes hangnemben megpróbálni beszélni. Egyszerűen nem érdemlik meg, disznók elé gyöngy szórás esete.
Aztán persze van köztük olyan, aki fejlődőképes, ők később el tudnak jutni arra a szintre, hogy egyáltalán van értelme meghallgatni a problémájukat (mondjuk köszön, értelmesen leírja a problémáját, beteszi a kódrészletet, megköszöni a segítséget ilyesmiket nevezek fejlődésnek).
Részemről maximális respektet érdemelsz a türelmed miatt!


Sk8erPeter
(nagyúr)

Ez a "disznók elé gyöngyöt" elég jó hasonlat volt jelen esetben. :D :K Hát köszi, nem egyszerű megmaradni ilyenkor a kulturált stílus keretein belül, de a legrosszabb, ha az ember lesüllyed arra a szintre, ahol legyőzhetik az ott tartózkodó emberek a rutinjukkal. :P
Már párszor szóltam a srácnak, így a szemében én lettem a rohadék megmondóember, ami mondjuk nem túl jó szerep, valószínűleg ez nem tetszik neki, dehát legalább meg kell próbálni terelgetni az embereket a netikett felé, hátha... Amúgy teljesen igazad van, néha nem érdemes válaszra méltatni az ilyen jellegű hsz.-eket.


Lacces
(őstag)

A jQuery-ben a $ - ez pontosan mit jelent?

Nem tanultam előtte komolyabban JavaScriptet, sem jQuery-t csak fogtam magam a w3school.com -on a jQuery-t elvégeztem, és a könyvtárból kivettem a jQuery Receptek című könyvet, amiből a példákat értem még.

$ - erre a könyv csak annyit írt, hogy álnév használata, globális ütközések elkerülésére... és nem tudtam onnan felfogni, hogy most ez mit is akart jelenteni.

Én online azt vettem ki a példakódokból, hogy a jQuery szót helyettesíti, annak a rövidebb változata. :R


Brown ügynök
(senior tag)

Én online azt vettem ki a példakódokból, hogy a jQuery szót helyettesíti, annak a rövidebb változata.

Szerintem jól értelmezted.


Lacces
(őstag)

Köszi!


Lacces
(őstag)

Sziasztok!

Ez miért nem működik? Mit nézek be? Nem jöttem rá magamtól, de each()-el megy, hogy if elágaztatással, de így simán valamiért nem működik.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"

type="text/javascript"></script>

<script type="text/javascript">

(function($){

$(document).ready(function() {

$("ul > li:odd").addClass("odd");

$("ul > li:even").addClass("even");

});

});

})(jQuery);

</script>

</head>

<body>

<h2>Family Members</h2>

<ul>

<li>Ralph</li>

<li>Hope</li>

<li>Brandon</li>

<li>Jordan</li>

<li>Ralphie</li>

</ul>


Lacces
(őstag)

Ennél, miért kell az each() függvény?

$(document).ready(function(){
var lis= $("ol li").get().reverse();
$("ol").empty;
$.each(lis, function(){
$("ol").append("<li>" + lis.innerHTML + "</li>");)}


jeges
(senior tag)

innerHTML miatt, az csak egy elem tulajdonsága, listára nincs értelmezve


jeges
(senior tag)

nálam működik

$(document).ready(function(){

$("ul > li:even").css("background", "#EEE");

$("ul > li:odd").css("background", "#F00");

});

</script>

</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</body>
</html>

biztos jól vannak definiálva az osztályok?


Lacces
(őstag)

Az innerHTML egy elem tulajdonsága? Ezt kifejtenéd nekem bővebben? Vagy arra gondolsz, hogy DOM elem tulajdonsága?


Lacces
(őstag)

Meg van a hiba... nagyon amatőr, de még csak 2. napja vagyok jQuery-ben.

eggyel több )} jel maradt bent a kódomban, ezért nem futott le. :DD


jeges
(senior tag)

igen, egy dom elem tulajdonsága, csak egyesével tudod állítani értelmesen


Lacces
(őstag)

Sziasztok!

Észre vettem egy furcsaságot ezzel a példa kóddal kapcsolatban!
Chrome alatt az animate gomb által végrehajtandó függvény, nem fut le!
Viszont megnéztem IE9 alatt is, ott simán lefut. Ez mitől lehet?

Hogyan lehet kompatibilissá tenni?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Chapter 6 - Recipe 10</title>
<link rel="stylesheet" href="chapter6.css" type="text/css" media="screen">
<style type="text/css" media="screen">
.big {
font-size: 400%;
width: 500px;
height: 500px;
line-height: 100%;
}
</style>
<script src="jquery-latest.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#animate').click(function () {
$('.box').toggleClass('big', 2000);
});

$('#effect').click(function () {
$('.box').effect('explode', null, 2000);
});
});
</script>
</head>
<body id="single">
<h1>Using jQuery UI for advanced effects</h1>
<input type="button" id="animate" value="animate" />
<input type="button" id="effect" value="jQuery UI effect" />
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</body>
</html>


martonx
(veterán)

Szia!

Én a helyedben kipróbálnám egy naprakész jquery változattal. Ha valóban az 1.7.1-es UI-hoz mellékelt jquery-t futtatod, az még kb. akkor készült, amikor a Chrome még nem is létezett :DD


jeges
(senior tag)

a toggleClass()-nak szerintem csak az osztály(ok)ra van szüksége, a 2000-et talán true-ként tudja értelmezni, de nem biztos, hogy a várt hatást éred el. nem .toggle()-ra lenne szükséged? - szerk: nem, látom, valóban .toggleClass() kell, de a 2000 helyett true-t próbálj meg írni ([link])
lehet, én vagyok lemaradva, de .effect() eljárás van egyáltalán? én ilyen szintaxist találtam hozzá:
selector.hide|show|toggle( "explode", {arguments}, speed );

[ Szerkesztve ]


Lacces
(őstag)

Kipróbáltam a legújabb 1.8.xxx valamennyivel is, a hivatalos oldalról töltöttem le... na azzal, még az IE alatt sem működött, sem a Chrome alatt...

Ezt ezért nem írtam be...


Lacces
(őstag)

Most jött el az a pillanat, hogy felgyújtanám azt a könyvet amiből tanulok....

Most ismét elindítottam azt a sz*os weblapot, és ment az animate, kinagyította semmit sem írtam át... ment!

Erre meg az explode nem megy... eszem megáll... nem értem... ha meg a legújabb jquery-ui-t teszem be, akkor meg meghal...

[link] itt a példa. Itt nem megy az animate, gépemre letöltve, megy... viszont az effect nem megy... nem értem. Ez nem determesztikus működés már...

effect a leírása jqueryui.com-on található meg!

Megvan az összefüggés:

Ha egyszer a html-ben a jquery forrás linkját átírom a legújabb 1.8.14-re, akkor működik az animate! viszont az effect() az explode, nem megy végre. De ha visszírom is 1.7.xxx-re akkor úgyanúgy "bent ragadhat valahogy a kód", mert onnantól kezdve az effect() ismét nem működik, csak az animate()...

Ha visszont nem piszkálom meg az eredeti 1.7.xxx-t akkor az marad érvényben. És csak az effect() működik

Próbáltam úgy is, hogy a Chrome-nak a gyorsító tárát töröltem, de akkor sincs változás az 1.8.14-ről... Valamiért ha egyszer beírom oda a legújabbat, akkor az nyista... nem műxik többé.

Amúgy kipróbáltam az 1.7.xxx jquery ui-val, amit te mondtad, hogy toggleClass()-t átállítottam true-ra és akkor ment!

Érdekes, hogy a legújabbal megy a toggleClass() , hogy ha true helyett a sebességet adom meg, de az explode() már nem.

Köszönöm a segítséget! :R


jeges
(senior tag)

ha belegondolsz, toggleclass-nak nincs sok értelme sebességet adni, az egy bináris valami: vagy van osztály vagy nincs.


martonx
(veterán)

tudod a html - js - sql - valamilyen háttér nyelv (php, .net, ruby) kombóban fejlesztés olyan méretű szopás halom, amekkora más nem létezik. Ezért tud létezni a Flash és a Silverlight. Bizony nincs mit tenni, mint várni, hogy egyszer hátha egységesebbek lesznek a böngészők, illetve a html5 hátha hoz valamiféle javulást.
Addig pedig gyakorolni, türelemmel lenni :D

Ja, és jquery-vel le tudod kérdezni a böngésződ verzióját, javaslom ennek függvényében írj két különböző kódot. Az egyik fog futni Chrome-on, a másik meg máshol.

üzenetek