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.
jQuery topic - Szoftverfejlesztés fórum
hozzászólások
martonx
(veterán)
Csak annyit fűznék hozzá, hogy az idő általában engem igazol. 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. 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.
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.
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)
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.
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
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!
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
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.