jQuery 手风琴 - 设置活动手风琴的输入焦点？

Question

**没关系。我想通了。 **

我是这样做的：

$("#accordion").accordion({
        header:'h3',
        active: '#section1',
        autoheight: false,
        clearstyle: true,
}).bind("change.ui-accordion", function(event,ui) {
    $("#text1").focus();
});

---

我已经设置好了一个手风琴，并且每个 div 中都有一个表单。我只是想弄清楚如何根据打开的输入字段将焦点设置在输入字段上...

/* accordion */
$("#accordion").accordion({
        header:'h3',
        active: '#section1',
        autoheight: false,
        clearstyle: true
});

基本上，我想将光标设置在打开的部分的第一个输入字段中。实际的形式要大得多，所以我把它压缩得非常大......

    <div id="accordion">
        <h3 id="section1"><a href="#">Section 1/a></h3>
        <div>
            <form id="form1" action="form.php" method="post">
                <fieldset class="inside">
                    <input type="text" name="text1" id="text1" size="50" value="Default text" />
                    <input class="open" type="button" value="Submit" name="submit1" />
                </fieldset>
            </form>
        </div><!--/div-->

        <h3 id="section2"><a href="#">Section 2</a></h3>
        <div>
            <form id="form2" action="form.php" method="post">
                <fieldset class="inside">
                    <input type="text" name="text2" id="text2" size="50" value="Submit" />
                    <input class="open" type="button" value="Submit" name="submit2" />
                </fieldset>
            </form>
        </div><!--/div-->

        <h3 id="section3"><a href="#">Section 3</a></h3>
        <div>
            <form id="form3" action="form.php" method="post">
                <fieldset class="inside">
                    <input type="text" name="text3" id="text3" size="50" value="Submit" />
                    <input class="open" type="button" value="Submit" name="submit3" />
                </fieldset>
            </form>
        </div><!--/div-->

Answer 1

$("#accordion").accordion({ header:'h3', active: '#section1', autoheight: false, clearstyle: true, }).bind("change.ui-accordion", function(event,ui) { $("#text1").focus(); });

这不适用于其他子手风琴。当您对文本框的 ID 进行硬编码以获取焦点时。

可能可以在change.ui-accordion 事件中加入一些内容，但我对此不太熟悉。你可以使用这样的东西：

    $(document).ready(function() {
        $("div#accordion > h3 > a").click(function(e) { // when we click a link

            e.preventDefault(); // prevent the click from bubbling

            var parenth3 = $(this).parent(); // find the parent h3 the sender is in

            //this selector then finds the first textbox that is in the div adjacent to the parent h3.
            $("#" + parenth3[0].id + " + div > form > fieldset.inside > input[type=text]:first").focus();

        });
    });

这对我来说感觉很老套。

编辑：另请注意，第 1 部分的锚标记未正确关闭。

Answer 2

上面提到的两种方法（.bind("change.ui-accordion"... 和 activate: function( event, ui ) {...) 如果有的话就可以工作只有一个需要关注的输入。我有 3 个文本输入，用户需要能够点击它们来解决这个问题：

    $(":input").click(function() {
      $(this).focus();
    });

当然，“:input”可以更改为您需要的任何内容。

Answer 3

最好使用像这样的事件中内置的手风琴，所以

    $(".accordion").accordion({
        beforeActivate: function()  {},
        activate: function( event, ui ) {
            $(ui.newPanel).find('input')[0].focus()
         }
    });

姜是最好的