Bootstrap 3.3 模态 jQuery 负载和 return 值

Question

最新版本Bootstrap modal options表示远程功能已弃用，将在Bootstrap4中删除。所以我正在尝试加载 jQuery 的页面。但这是如何工作的呢？我找不到这方面的任何例子。

我想要的是一个加载我创建的页面的模式。当您单击该页面中的 link 时（link 是图像的 url），必须将 href 值返回到父页面中的文本框（ImageUrl）。

<div class="input-group">
    @Html.EditorFor(model => model.ImageUrl, new { htmlAttributes = new { @class = "form-control" } })
        <span class="input-group-btn">
            <button class="btn btn-default browsefiles" type="button" data-toggle="modal" data-target="#myModal"><i class="fa fa-search"></i></button>
        </span>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Image</h4>
            </div>
            <div class="modal-body">
                External page must be loaded here
            </div>                            
        </div>
    </div>
</div>

Answer 1

我不知道 jQuery.load return 只编辑了 html 并且它会将 html 粘贴到您指定的 div .因此，当您想要 "return" 某物时，目标就在同一页面上。所以你可以直接在页面中设置return值。

Bootstrap 3.3 模态 jQuery 负载和 return 值

Bootstrap 3.3 modal with jQuery load and return value

javascript

jquery

twitter-bootstrap

twitter-bootstrap-3

bootstrap-modal