bootstrap&；javascript：命令序列_Javascript_Html_Twitter Bootstrap_Input

bootstrap&；javascript：命令序列

javascript html twitter-bootstrap input

bootstrap&；javascript：命令序列,javascript,html,twitter-bootstrap,input,Javascript,Html,Twitter Bootstrap,Input,以下javascript代码按以下顺序执行： 1.显示标签， 2.显示警报， 3.显示模态但代码中的命令顺序不同（请参见代码）在调试模式下，执行按正常顺序进行这里发生了什么如何在运行时获得正常顺序 <html> <head> <title></title> <script src="scripts/jquery-2.0.3.js"></script> <link href="bootst

以下javascript代码按以下顺序执行：
1.显示标签，
2.显示警报，
3.显示模态

但代码中的命令顺序不同（请参见代码）

在调试模式下，执行按正常顺序进行

这里发生了什么

如何在运行时获得正常顺序

<html>
<head>
    <title></title>
    <script src="scripts/jquery-2.0.3.js"></script>
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="bootstrap/js/bootstrap.js"></script>
</head>
<body>

    <input type="file" onchange="openFile(event)"/>

    <div id="myModal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">header</div>
                <div class="modal-body">body</div>
                <div class="modal-footer">footer</div>
            </div>
        </div>
    </div>

    <label id="label" style="display:none;">this is label</label>

    <script>
        openFile = function (event) {
            $('#label')[0].style.display = 'block';
            $('#myModal').modal('show');
            alert('alert');
        }
    </script>

</body>
</html>


标题
身体
页脚
这是标签
openFile=函数（事件）{
$（'#label'）[0].style.display='block'；
$（'myModal'）.modal（'show'）；
警报（“警报”）；
}

如果您希望以明确的顺序执行某件事情，请尝试使用，因为jQuery通常异步启动事件。对于延迟对象，您可以等待函数完成，然后定义一个回调，该回调将在所述函数执行完毕后启动。

如果您希望以显式顺序执行某些事情，请尝试使用，因为jQuery通常异步启动事件。对于延迟对象，您可以等待函数完成，然后定义一个回调，该回调将在所述函数执行完毕后启动。

如果您希望以显式顺序执行某些事情，请尝试使用，因为jQuery通常异步启动事件。对于延迟对象，您可以等待函数完成，然后定义一个回调，该回调将在所述函数完成执行后启动。

引导

。modal（）

机制（与大多数引导架构一样）通过事件驱动布局更改。为了显示模式对话框，代码生成一个新的事件对象并触发它。这是由浏览器异步处理的，因为事件处理程序是在单独的（后续的）事件循环中调用的

以下是当前github主分支中模式“show”代码的第一位：

  Modal.prototype.show = function (_relatedTarget) {
    var that = this
    var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })

    this.$element.trigger(e)

“show.bs.modal”事件的处理程序只是将一个类添加到所涉及的

中。

引导

.modal（）

以下是当前github主分支中模式“show”代码的第一位：

  Modal.prototype.show = function (_relatedTarget) {
    var that = this
    var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })

    this.$element.trigger(e)

“show.bs.modal”事件的处理程序只是将一个类添加到所涉及的

中。

引导

.modal（）

以下是当前github主分支中模式“show”代码的第一位：

  Modal.prototype.show = function (_relatedTarget) {
    var that = this
    var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })

    this.$element.trigger(e)

“show.bs.modal”事件的处理程序只是将一个类添加到所涉及的

中。

引导

.modal（）

以下是当前github主分支中模式“show”代码的第一位：

  Modal.prototype.show = function (_relatedTarget) {
    var that = this
    var e = $.Event('show.bs.modal', { relatedTarget: _relatedTarget })

    this.$element.trigger(e)

“show.bs.modal”事件的处理程序只是将一个类添加到所涉及的

中。

在加载模型后，使用模型回调来运行一些东西

openFile = function (event) {
            $('#label')[0].style.display = 'block';
            $('#myModal').modal('show');
            $('#myModal').on('shown', function() {
                 alert('alert');
            })
        }

如果引导3

    openFile = function (event) {
            $('#label')[0].style.display = 'block';
            $('#myModal').modal('show');
            $('#myModal').on('show.bs.modal', function() {
                 alert('alert');
            })

        }

在加载模型后，使用模型的回调来运行某些东西

openFile = function (event) {
            $('#label')[0].style.display = 'block';
            $('#myModal').modal('show');
            $('#myModal').on('shown', function() {
                 alert('alert');
            })
        }

如果引导3

    openFile = function (event) {
            $('#label')[0].style.display = 'block';
            $('#myModal').modal('show');
            $('#myModal').on('show.bs.modal', function() {
                 alert('alert');
            })

        }

在加载模型后，使用模型的回调来运行某些东西

openFile = function (event) {
            $('#label')[0].style.display = 'block';
            $('#myModal').modal('show');
            $('#myModal').on('shown', function() {
                 alert('alert');
            })
        }

如果引导3

    openFile = function (event) {
            $('#label')[0].style.display = 'block';
            $('#myModal').modal('show');
            $('#myModal').on('show.bs.modal', function() {
                 alert('alert');
            })

        }

在加载模型后，使用模型的回调来运行某些东西

openFile = function (event) {
            $('#label')[0].style.display = 'block';
            $('#myModal').modal('show');
            $('#myModal').on('shown', function() {
                 alert('alert');
            })
        }

如果引导3

    openFile = function (event) {
            $('#label')[0].style.display = 'block';
            $('#myModal').modal('show');
            $('#myModal').on('show.bs.modal', function() {
                 alert('alert');
            })

        }

如果有另一个函数需要参数event而不是alert，该怎么办？@Qvatra，“event”变量可从内部回调函数访问。例如：警报（事件）；如果有另一个函数需要参数event而不是alert，该怎么办？@Qvatra，“event”变量可从内部回调函数访问。例如：警报（事件）；如果有另一个函数需要参数event而不是alert，该怎么办？@Qvatra，“event”变量可从内部回调函数访问。例如：警报（事件）；如果有另一个函数需要参数event而不是alert，该怎么办？@Qvatra，“event”变量可从内部回调函数访问。例如：警报（事件）；