Das Beispiel in diesem Artikel beschreibt die Methode zum verzögerten Ausblenden der jQuery-Fokussteuerungsebene. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:
Klicken Sie auf mich
Ich bin der Inhalt
<script><br>
$(document).ready(function(){<br>
jQuery.focusShow({butID:'#button',divID:'#div',mouse:'over',time:'500'})<br>
})<br>
jQuery.extend({<br>
focusShow: function(config){<br>
//ps: Anzeige der Fokuskontrollebene, verzögertes Ausblenden<br>
//focusShow({butID:'button ID',divID:'container ID',mouse:'over || click',time:'time'})<br>
var butID = $(config.butID || false),<br>
divID = $(config.divID || false),<br>
mouse = config.mouse ||. 'click',<br>
Zeit = config.time ||. '500',<br>
Timer;<br>
Funktion re(){$(divID).hide()}<br>
Schalter (Maus){<br>
Fall „klicken“:<br>
butID.bind({'click':function(){divID.attr('tabindex','-1');divID.focus()}});<br>
divID.bind({<br>
"focus":function(){clearTimeout(timer);divID.show()},<br>
"blur":function(){timer = setTimeout(re,time)}<br>
})<br>
Pause<br>
Fall „vorbei“:<br>
$(butID,divID).each(function(){<br>
$(this).bind({<br>
‚mouseover‘:function(){clearTimeout(timer);divID.show()},<br>
‚mouseout‘:function(){timer = setTimeout(re,time)}<br>
})<br>
})<br>
Pause<br>
Standard:<br>
}<br>
}<br>
}); <br>
</script>
Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.