Manualai.lt Forumas
HTML, CSS ir JavaScript diskusijos => jQuery => Temą pradėjo: Tautvydas 2014-04-25 12:22:51 pm
-
Sveiki,
noriu išmokti redaguoti įvairius jquery skriptus ir suprati kaip jie veikia. Tai gal užvesit ant kelio. Pvz.:
<script>
$( ".slider" ).slider({
animate: true,
range: "min",
value: 50,
min: 10,
max: 100,
step: 10,
//this gets a live reading of the value and prints it on the page
slide: function( event, ui ) {
$( "#slider-result" ).html( ui.value );
},
//this updates the hidden form field so we can submit the data using a form
change: function(event, ui) {
$('#hidden').attr('value', ui.value 10);
}
});
</script>
Ten kur hidden elemente atspausdina elementą ui.value , noriu tarkim jį padaryti 10 didesnį, bet tas mano prirašymas nepakeičia. Kaip tarkim tokius paprastus aritmetinius dalykus prirašyti?
Arba dar pvz kaip sukurti kokį nors kintamąjį, kuriame laikyčiau tarkim skaičių 50. Tada šitos funkcijos pabaigoje prie jo pridėčiau tą ui.value. Tada eitų vėl kita kokia nors funkcija ir jos pabaigoj dar galėčiau pridėti kažką prie to kintamojo? Na toks paprastas primityvus priskyrimas kintamajam reikšmes, o aš jo nemoku.. :D
-
jquery UI slider dokumentacija ziurek: http://api.jqueryui.com/slider/ (http://api.jqueryui.com/slider/)
ir pasiziurek kursa sita, jei jau nori jquery mokintis: https://tutsplus.com/course/30-days-to-learn-jquery/ (https://tutsplus.com/course/30-days-to-learn-jquery/)
-
<script>
var pirma = 50;
var antra = 50;
var trecia = 50;
$( "#pirma" ).slider({
animate: true,
range: "min",
value: 50,
min: 10,
max: 100,
step: 10,
//this gets a live reading of the value and prints it on the page
slide: function( event, ui ) {
$( "#slider-result" ).html( ui.value );
pirma = ui.value;
},
//this updates the hidden form field so we can submit the data using a form
change: function(event, ui) {
//$('#hidden').attr('value', pirma);
trecia = pirma antra;
$('#mano').html( trecia);
}
});
///////////////////////////////////////// ANTRAS
$( "#antra" ).slider({
animate: true,
range: "min",
value: 50,
min: 10,
max: 100,
step: 10,
//this gets a live reading of the value and prints it on the page
slide: function( event, ui ) {
//$( "#slider-result" ).html( ui.value );
antra = ui.value;
},
//this updates the hidden form field so we can submit the data using a form
change: function(event, ui) {
// $('#hidden').attr('value', pirma);
trecia = pirma antra;
$('#mano').html( trecia);
}
});
</script>
Šitaip pats išgudravau. Galima kažkaip trumpiau kodą aprašyti, ar čia viskas gerai?
Principas, kad du tuos sliderius naudojant kainą būtų galima bendrą iškarto surasti. Veikti veikia, pasitikrinau, tik klausimas, ar čia gerai, ar buvo galima kur kas paprasčiau tai atlikti?
-
tam kurse kur idejau linka yra tikrai daug "best-practises" pamineta, jei nori zinoti kaip daryt geriau, tai atkreipk demesi i tokius dalykus ziuredamas ta kursa, tavo kode realiai nieko nera, pora slaideriu ir tiek, tai daug cia neprigalvosi :)
-
Tai būtent mano tikslas ir buvo padaryti du kainos sliderius ir jų sumą sudėti ir atvaizduoti žemiau. Tai turėjau omeny ar čia gerai, ar galima trumpiau, tvarkingiau aprašyti? Nes čia grynai improvizavau, neturėdamas jokių žinių ir suveikė
-
Tai būtent mano tikslas ir buvo padaryti du kainos sliderius ir jų sumą sudėti ir atvaizduoti žemiau. Tai turėjau omeny ar čia gerai, ar galima trumpiau, tvarkingiau aprašyti? Nes čia grynai improvizavau, neturėdamas jokių žinių ir suveikė
as praktiskai nenaudoju jquery UI, kiek yra prireike, tai ziurejau dokumentacija ir tiek, tai nezinau ar galima kitaip padaryt, bet jei veikia, tai kaip ir ok ;]
-
Jeigu jquery ui nenaudoji, tai su kuo tokias funkcijas atlieki?
-
tik su jquery.
-
Jeigu jquery ui nenaudoji, tai su kuo tokias funkcijas atlieki?
kokias tiksliai? pasirinkima range'o kainos? html5 slider yra siaip, o jei nori palaikyt senesnius, tai kad ir dropdown'a gali idet, o jei nori graziai, gali susirast/pasirasyt mini extensiona jquery slaideriui.