javascript - 自动打开选择框

Question

我在这里下载了一个用于选择框的 jquery 插件: http://harvesthq.github.io/chosen/

在我的页面上一切正常，除了在我的一个页面上，选择框被放置在一个 jquery 对话框窗口中，该窗口在单击按钮时打开。我遇到的问题是，单击按钮后，对话框会正确打开，但它会立即将焦点放在我不想要的第一个选择字段上。

如果我将它放在页面上，它工作正常，加载时不会打开。我在这里发现了类似的问题和可能的解决方案:

http://jsfiddle.net/6Xa78/3/

$( "#dialog" ).dialog({
    autoOpen: false,
    show: {
        effect: "puff",duration: 500
    },
    hide: {
        effect: "puff",
        duration: 500
    },
    height: 1000, 
    width: 1000,
    position:['middle',30],
    open: function(){
        $('.my_select_box', this).chosen();
    }
});
$( "#opener" ).click(function() {
    $( "#dialog" ).dialog( "open" );
});

但即使我使用完全相同的代码，它仍然可以。我还尝试删除第一个选择框，然后它自动打开第二个 - 换句话说，它总是打开第一个选择框。我也尝试用 id 替换类，但这没有效果，尝试 focusout 命令或 blur 命令也没有效果。它总是在打开对话框时打开...

我的页面在这里:

http://meteopage.com/climate/climate_map.php

尝试点击“Filtr”按钮，这会打开对话框，您会看到第一个选择框立即弹出。

Answer 1

发生这种情况是因为关注第一个输入。尝试创建一个虚拟元素作为对话框中的第一个输入。

<input type="hidden" autofocus="autofocus" />

这里是 reference .希望它也有帮助。