0

これは非常に単純なことかもしれませんが、何時間も検索した後、私はそれを理解することができませんでした.

ボタンのクリックで開くオーバーレイ内のフォーム フィールドにオートフォーカスする必要があります。

シンプルな jQuery オーバーレイ コードを使用しています。

$(function() {
    $("a[rel]").overlay();
});

ボタンのコードは次のとおりです。

<a rel="#popup">Button text</a>

そして (簡略化された) オーバーレイの HTML コードは次のとおりです。

<div class="simple-overlay" id="popup">
    <form method="post" class="form-class" action="form-action"  >
        <input class="text" id="email-field" type="text" name="email" value="" />
        <input name="submit" class="submit" type="submit" value="Submit" tabindex="501" />
    </form>
</div>

前もって感謝します。

4

3 に答える 3

1

この回答は、以下の良いコメント ( @Spokey ) から更新されました。

準備ができたらオーバーレイ プラグインを開始する

$(function () {
    $("a[rel]").overlay({ mask: '#000000', onLoad: function(){ $('#email-field').focus();} });
});

<a>onclick イベントなしでタグをクリーンなままにします。

これはそれを行う方法です。

于 2013-04-27T13:30:25.640 に答える
0

Try to add autofocus attribute to your input field:

<input class="text" id="email-field" type="text" name="email" value="" autofocus />
于 2013-04-27T13:26:57.187 に答える
0

解決策を見つけた@Spokeyに感謝します。

誰かが答えを探している場合に備えて、以下に投稿しました。

ここで実際の例を確認することもできます: http://www.petersandeen.com/get-landing-page-checklist/

$(function () {
    $(".register-button").overlay({
        mask: '#000000',
        onLoad: function () {
            $('#email-field').focus();
        }
    });
});

.register-button は、オーバーレイを開くボタンに割り当てられた div クラスです。

#email-field は、オーバーレイが開かれたときに自動的にフォーカスされるオーバーレイ内のフォーム フィールドに割り当てられた div id です。

于 2013-05-02T20:37:15.070 に答える