{"id":231111,"date":"2022-12-08T17:12:00","date_gmt":"2022-12-08T14:12:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231111"},"modified":"2022-12-07T11:54:33","modified_gmt":"2022-12-07T08:54:33","slug":"il-perche-e-il-come-degli-eventi-jquery-personalizzati","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/il-perche-e-il-come-degli-eventi-jquery-personalizzati\/","title":{"rendered":"Il perch\u00e9 e il come degli eventi jQuery personalizzati"},"content":{"rendered":"\n

Fin dalla versione 1.0, jQuery ha fornito una funzione di trigger<\/a> che ci consente di:<\/p>\n

\n

Esegui tutti i gestori e i comportamenti associati agli elementi corrispondenti per il tipo di evento specificato.<\/p>\n<\/blockquote>\n

Ma \u00e8 stato solo con la 1.3 che questa particolare funzione \u00e8 diventata significativamente pi\u00f9 utile, almeno per quanto mi riguarda. Lo dico perch\u00e9 \u00e8 stato allora che abbiamo acquisito la capacit\u00e0 di definire eventi personalizzati e quindi impostare gestori per loro.<\/p>\n

Qual \u00e8, tuttavia, un probabile caso d’uso in cui gli eventi jQuery personalizzati sono utili nel contesto di WordPress? Dalla parte superiore della tua testa, potresti essere in grado di inventarne molti. O forse no.<\/p>\n

\u00c8 stato solo di recente che li ho usati molto pi\u00f9 del solito. Quindi ho pensato di condividere come li sto usando se per ora altro motivo oltre a mostrarti come collegarli al tuo lavoro.<\/p>\n

Eventi jQuery personalizzati<\/h2>\n

Se hai esperienza con JavaScript, vanilla o meno, probabilmente hai familiarit\u00e0 con i gestori di eventi di base. Cio\u00e8, quando qualcuno fa clic su un elemento, abbiamo una funzione impostata per attivarsi che fa qualcosa.<\/p>\n

Gli eventi jQuery personalizzati sono molto simili a questo, tranne che questi sono eventi che definiamo. Ci\u00f2 significa che non dobbiamo fare affidamento su quando qualcuno sposta il mouse su un elemento o quando fa clic su un elemento.<\/p>\n

Invece, possiamo attivare un evento e quindi impostare un gestore per rispondere in modo appropriato. Ecco un esempio.<\/p>\n

Preparazione per un evento personalizzato<\/h3>\n

Supponiamo che tu stia lavorando a un progetto e che abbia una pagina di amministrazione responsabile del recupero dei dati da un’API di terze parti. Il flusso di controllo sarebbe simile a questo:<\/p>\n

    \n
  1. L’utente fa clic su un pulsante,<\/li>\n
  2. Viene avviata una richiesta Ajax e richiede informazioni a terze parti,<\/li>\n
  3. Durante la richiesta, i pulsanti sullo schermo dovrebbero essere disabilitati,<\/li>\n
  4. Una volta completata la richiesta, \u00e8 possibile riattivare i pulsanti,<\/li>\n
  5. Facoltativamente, un messaggio di stato pu\u00f2 essere scritto sullo schermo.<\/li>\n<\/ol>\n

    Perch\u00e9 ci\u00f2 avvenga, si aspetta che ci sia almeno un pulsante (come in un elemento di input) e un campo di testo o area di testo<\/strong> opzionale<\/strong> in cui pu\u00f2 verificarsi lo stato della richiesta.<\/p>\n

    Una volta che l’utente fa clic sull’evento, possiamo attivare un evento personalizzato. Possiamo chiamare questo evento acme.ajax.processing<\/strong>. Quindi, possiamo quindi utilizzare la funzione done<\/a> fornita da jQuery per gestire tutto ci\u00f2 che vogliamo ripulire in seguito oppure possiamo utilizzare la nostra funzione personalizzata se c’\u00e8 qualcosa che vogliamo gestire anche alla fine.<\/p>\n

    Per questo entrambi, esamineremo entrambi. Quindi avremo anche un evento chiamato acme.ajax.complete<\/strong>.<\/p>\n

    Quindi ci occupiamo di:<\/p>\n