为什么jquery.focus（）不能在我的bootstrap弹出模式下工作？

Question

我使用require.js。 jquery.focus（）适用于普通的html网站，但不适用于bootstrap popup模式。我创建了一个包含此文本框的搜索表单。

define(["common"], function(common) {
    function init() {
        initFocus();
    }

    function initFocus() {
        $("#p001SearchIDTxt").focus();
    }

    return {
        "init": init
    }
});

Answer 1

由于HTML5如何定义其语义，因此自动对焦HTML属性在Bootstrap模式中无效。要达到相同的效果，请使用一些自定义JavaScript：

$('#myModal').on('shown.bs.modal', function () {
    $("#p001SearchIDTxt").focus();
})

来源： http://v4-alpha.getbootstrap.com/components/modal/