Question

如果我的项目位于不同的文件（modals.cfm），我会创建所有模态。如何从其他文件中调用模态？

modals.cfm（引导模式示例）

<div class="modal fade" id="requestError" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button aria-hidden="true" data-dismiss="modal" class="close" type="button">X</button>
            <h4 id="myModalLabel1" class="modal-title"><strong>Error!</strong></h4>
        </div>
        <div class="modal-body">
            <div class="alert alert-danger fade in">
                <h2 id="error"></h2>
            </div>
        </div>
        <div class="modal-footer">
            <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
            <button data-dismiss="modal" class="btn btn-primary" type="button" onClick="myFunc();">Confirm</button>
        </div>
    </div>
</div>

然后，我想从另一个cfm文件中调用它。例如，index.cfm：

    <button type="button" class="btn btn-primary" onClick="callModal();"> Test </button>

<script>
    function callModal(){
        $("#error").html("My custom error message");

        $("#requestError").modal(); // How can I call it from another file?
    }
</script>

有可能吗？

由于

Answer 1

其中一个＆＃34;基础＆＃34;帮助我理解ColdFusion的东西就是这样想的：ColdFusion的目的是生成HTML。

现在，根据您的说明，您说您要使用在modals.cfm中生成的HTML。这很好，但是如何将其插入到您当前所在的页面上（例如：index.cfm）？

一种简单明了的方法是在index.cfm上对modals.cfm执行CFINCLUDE：

<!-- index.cfm code here--->
<button type="button" class="btn btn-primary" onClick="callModal();"> Test </button>

<cfinclude template="modals.cfm">
<script>
    function callModal(){
        $("#error").html("My custom error message");

        $("#requestError").modal(); // How can I call it from another file?
    }
</script>

如果你想通过AJAX加载页面（正如James上面提到的那样），那将会有更多的工作，但绝对可行。我们只需要更多代码。

ColdFusion从另一个文件调用bootstrap模式

1 个答案: