从其他html文件打开Modal（bootstrap）(Open Modal (bootstrap) from other html

从其他html文件打开Modal（bootstrap）(Open Modal (bootstrap) from other html-file)

我正在使用bootstrap构建一个网站。 但我有点死路一条。 我已经从给定的例子中创建了一个模态（见下文）。 正如您可能看到的，这是一种直接来自他们网站的模式。

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="myModalLabel">Nieuwe Taak toevoegen</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div>

我用一个按钮打开这个对话框。

<button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#myModal" >

但我想将我的模态保存在单独的aspx/html-files 。 当它们被保存在不同的html/aspx - files时，我如何打开这些模态？

示例：如果按钮在index.Html内，但模态在newTaskModal.html ，我将如何打开模态？ （如果两者都在index.html内，那么没有问题）

注意：我不能/不能使用HTML5（公司标准）

I'm building a website using bootstrap. But i'm come to somewhat of an dead-end. i've created a modal from an given example (see below). As you might see, this is a modal taken straight from their website.

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> <h4 class="modal-title" id="myModalLabel">Nieuwe Taak toevoegen</h4> </div> <div class="modal-body"> ... </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div> </div> </div>

I open this dialog using a button.

<button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#myModal" >

But i want to keep my modals in seperate aspx/html-files. How can i open these modals when they are kept inside different html/aspx - files ?

example: if the button is inside index.Html but the modal is inside newTaskModal.html, how would i open the modal? (If both are inside index.html, then there are no problems)

Note: I don't/can't use HTML5 (company-standards)

最满意答案

如果你正在使用jquery，你可以使用ajax调用下载页面：

$.ajax({ url: 'newTaskModal.html', dataType: 'text', success: function(data) { alert(data); // todo: add the html to the dom... } });

如果您正在构建单个页面应用程序，您可能需要查看旨在解决此类问题的框架： durandal

if you're using jquery, you could download the page using an ajax call:

$.ajax({ url: 'newTaskModal.html', dataType: 'text', success: function(data) { alert(data); // todo: add the html to the dom... } });

If you're building a single page application you might want to check out a framework designed to solve this type of problem: durandal