datepicker onmouseenter Nachricht für deaktivierte Daten

Question

Versucht, dem Benutzer Informationen über disabledDays in Datepicker zu geben. Ich möchte idealerweise eine kleine Box zeigen über Datum, wenn schwebte, um Informationen zu geben. Wenn das nicht möglich wäre, würde so etwas passieren, aber ich war nicht in der Lage, das Ereignis auf Mouseout zu stoppen. Mehr als das, obwohl dieses Stück Code den Text auf der äußeren Peripherie des Datepicker in den ausgegrauten Bereichen vor dem 1. und nach dem letzten Datum des Monats platziert.

<p class="pickdate"> 
<label for="pickDate"/> 
<input type="text" class="pickDate"/></p> 

$(function() { 
$("#pickDate").datepicker(); 
$(".ui-state-disabled").live("mouseover", function() { 
$("pickdate").text($(this).text('n/a')); 
}); 
}); 

Answer 1

Haben Sie versucht, auch das Ereignis zu binden?

$(".ui-state-disabled").on('mouseout', function() { 
    $("pickdate").hide() 
    //or whoever you want to hide it 
} 

Debugging: Wenn nichts geschieht einige Log-Nachrichten einfügen:

$(".ui-state-disabled").on('mouseout', function() { 
    console.log("mouseout event fired! YEHA!"); 
    //or alert("mouseout event fired! YEHA"); 
    $("pickdate").hide() 
    //or whoever you want to hide it 
} 

Wenn die Nachricht wahrscheinlich hide() erscheint nicht auf dem pickdate arbeiten. Obwohl ich merkwürdig bin, weiß ich nicht, wie genau ich es verbergen wollte. Fühlen Sie sich frei, andere Tricks anstelle des gegebenen Codes durchzuführen.

Sollte die Protokollnachricht oder der Alarm überhaupt nicht angezeigt werden, wird das mouseout-Ereignis ausgelöst. Sie können dieses Verhalten testen, indem Sie es an ein leeres Test-Div binden. Nur um frei von Störungen zu sein. Überprüfen Sie, ob Ihr Browser diesen Elementtyp unterstützt.

Auch welche Version von jQuery verwenden Sie? Ich sehe, Sie durchgeführt live(), die ab Version 1.7 veraltet ist und ersetzt durch on().

(Vor diesem bearbeiten ich fälschlicherweise auch bind() statt on() verwendet. Noch schlimmer. Also versuchen vielleicht auch nur den korrigierten Code ein weiteres Mal.)