Jquery datepicker - triggering manuale

Question

Sto utilizzando un jquery datepicker in uno dei miei progetti e devo attivare il datepicker facendo clic su un collegamento ipertestuale che si trova accanto alla mia area di input.

Purtroppo non riesco a farlo funzionare per qualche motivo.

Ho un'area di input e il collegamento ipertestuale Vorrei attivare un calendario nell'area di immissione.

<input type="text" id="date" /><a href="#" class="trigger">Show calendar</a> 

ho cercato di venire con un codice Javascript come ad esempio:

$(".trigger").click(function(){ 
$("#date").datepicker("show"); 
}); 

Come qualcun altro in una delle discussione precedente ha suggerito di usare un metodo Show per rendere il calendario pop-up. Ma non funziona.

codice come

$(function() { 
$("#date").datepicker(); 
}); 

funziona bene, ma semplicemente cliccando in un'area di ingresso (non su innescare collegamento ipertestuale).

Qualcuno ha qualche idea o suggerimento su come farlo funzionare? Per quanto ne so, non sono il solo a rincorrere la soluzione.

Grazie mille! ;)

Answer 1

La funzione evento click() è attiva nella funzione jQuery(document).ready()?

Perché jQuery assegnerà in modo ricorsivo il gestore di eventi di clic a ogni classe che è stata definita al caricamento della pagina.

In caso contrario, non farà nulla se è seduto fuori la funzione pronta documento, in questo modo:

$(function() { 
    $("#date").datepicker(); 
    $(".trigger").click(function(){ 
     $("#date").datepicker("show"); 
    }); 
}); 

anche io suppone che si abbia jQuery caricato e il plugin datepicker caricato nella testa del HTML documento :)

Answer 2

io uso questo:

$(".ui-datepicker-current-day").trigger("click");