{"id":406,"date":"2011-06-01T12:00:24","date_gmt":"2011-06-01T11:00:24","guid":{"rendered":"http:\/\/www.manuelmarangoni.it\/sir-bit\/?p=406"},"modified":"2016-01-08T17:23:53","modified_gmt":"2016-01-08T16:23:53","slug":"jquery-fermare-la-coda-in-esecuzione","status":"publish","type":"post","link":"https:\/\/www.manuelmarangoni.it\/sir-bit\/406\/jquery-fermare-la-coda-in-esecuzione\/","title":{"rendered":"Jquery – fermare la coda in esecuzione"},"content":{"rendered":"

JQuery <\/strong>\u00e8 un framework potentissimo, che gestisce pi\u00f9 processi mettendoli tutti in una coda.<\/p>\n

Ci\u00f2 significa che se eseguiamo due comandi, come il fadeIn <\/strong>di due blocchi diversi:<\/p>\n

\n\n\n\n
\n
1\r\n2<\/pre>\n<\/td>\n
\n
$(<\/span>'#blocco_immagine'<\/span>)<\/span>.fadeIn<\/span>(<\/span>'slow'<\/span>)<\/span>;<\/span>\r\n$(<\/span>'#blocco_testo'<\/span>)<\/span>.fadeIn<\/span>(<\/span>)<\/span>;<\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
li far\u00e0 partire in coda, senza attendere necessariamente la fine del processo precedente.<\/p>\n
Il problema si presenta quando dobbiamo necessariamente fermare il processo precedente ed eseguire quello nuovo, come nel caso di una slide <\/strong>o di fadeIn molteplici<\/strong>.<\/p>\n
Sospendere un processo con JQuery<\/h2>\n
Ci viene in aiuto il comando stop()<\/a><\/code>. Il comando ferma ogni animazione esistente, lasciando il processo esattamente a dove \u00e8 arrivato quando \u00e8 stato “stoppato”.
\nPer mandarlo fino alla fine \u00e8 sufficiente passare due parametri booleani:
\n.stop( [ pulisci coda ], [ salta alla fine] )<\/code><\/p>\n\n
Ecco un esempio d’uso:<\/p>\n
\n\n\n\n
\n
1\r\n2\r\n3<\/pre>\n<\/td>\n
\n
$(<\/span>\"#ferma\"<\/span>)<\/span>.click<\/span>(<\/span>function<\/span>(<\/span>)<\/span>{<\/span>\r\n  $(<\/span>'#blocco_testo'<\/span>)<\/span>.stop<\/span>(<\/span>true<\/span>,<\/span> true<\/span>)<\/span>;<\/span>\r\n}<\/span>)<\/span>;<\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Il primo stabilisce se fermare tutte le code successive (false <\/em>di default).
\nIl secondo invece stabilisce se fermare la coda in azione o meno (false <\/em>di default).<\/p>\n","protected":false},"excerpt":{"rendered":"
Con la funzione stop() di JQuery \u00e8 possibile fermare un processo. Utile nel caso di una slide o di fadeIn molteplici.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[80],"tags":[11],"class_list":["post-406","post","type-post","status-publish","format-standard","hentry","category-javascript-e-derivati","tag-jquery","cat-80-id"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/406"}],"collection":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/comments?post=406"}],"version-history":[{"count":10,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/406\/revisions"}],"predecessor-version":[{"id":2183,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/406\/revisions\/2183"}],"wp:attachment":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/media?parent=406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/categories?post=406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/tags?post=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}