onLoad focus () - event innerhalb jquerytools overlay-Effekt
Ich bin mit dem overlay jquery von hier:
http://flowplayer.org/tools/overlay/index.html
In mein overlay habe ich ein Suchfeld wie diese:
<div class="simple_overlay" id="asearch">
<div id="searchbox">
<form id="amazonsearch" style='float:left;'>
<input class="title" id="amazon-terms" style="width:400px;font-size:2em;">
<button class="sexybutton sexysimple sexygreen">Search</button>
</form>
<div id="amazon-results"></div>
</div><!--seachbox-->
</div><!--Overlay-->
Was ich will, geschehen wird, wenn Sie laden Sie die overlay-Suchfeld innerhalb der overlay-Fokus erhält, also können Sie mit der Eingabe beginnen in. Ich dachte, dass dies funktionieren würde:
$("a[rel]").overlay({
onLoad: function() {
$('#amazon-terms').focus();
}
});
Aber das scheint nicht, etwas zu tun. Ich weiß, das event wird ausgelöst, weil das funktioniert:
$("a[rel]").overlay({
onLoad: function() {
alert('popup opened')
}
});
Jedoch, wenn diese Warnung wird ausgelöst, das overlay ist noch nicht erschienen auf dem Bildschirm, so dass ich Frage mich, ob das Teil des Problems? Laut der docs onLoad sollte Feuer ", wenn das overlay wurde vollständig angezeigt" (ref)
Jede Hilfe dankbar! 🙂
Dank
Tom
BEARBEITEN Dieser code tut, was ich will, aber ich bin nicht klüger, warum dies funktioniert, wenn der code oben nicht....
var triggers = $("a[rel]").overlay({
closeOnClick: false,
onLoad: function() {
$('input').focus();
}
});
InformationsquelleAutor tomcritchlow | 2011-01-01
Du musst angemeldet sein, um einen Kommentar abzugeben.
Vereinfachtes Beispiel basiert auf dieser jQuery Tools demo scheint zu funktionieren: http://jsfiddle.net/heikki/2Fkqu/
Klicken Sie auf "User input" - Taste, um öffnen Sie das overlay.
Vielleicht haben Sie mehrere Elemente mit
#amazon-terms
- id auf Ihre Seite?InformationsquelleAutor Heikki