使用模态时出现问题

Issue while using Modals

本文关键字:问题 模态      更新时间:2023-09-26

我正在我的应用程序中使用 Twitter 引导程序创建一个模态。在 onclick 事件上创建一个模态它在火狐和铬中工作正常。但是在IE8中运行我的应用程序时,在该模式NewPage.aspx页面中无法正确查看。

这是我的代码:

 <div id="MyModal" class="modal hide in">
        <div class="modal-dialog">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×</button>
                <h3 id="myModalLabel">
                   Header</h3>
            </div>
            <div class="modal-content">
                <div class="modal-body">
                    <iframe id="modal-frame" src="" style="zoom: 0.60; position: relative;" frameborder="0"
                        height="450" width="850"></iframe>
                </div>
            </div>
        </div>
    </div>
    <button modalurl="~/NewPage.aspx" id="lnkNewModal" onclick="openMyModal(this);"
                runat="server">Modal</Button>
   function openMyModal(curObj) {
            $("#MyModal").modal({
                "backdrop": "static",
                "keyboard": true,
                "show": true
            });
            var url = $(curObj).data("modalurl");
            $('#MyModal').on('show', function () {
                $('#modal-frame').attr("src", url);
            });
            $('#MyModal').modal({ show: true });
        }   

提前感谢大家的回复。

Javascript代码中有一个小错误

function openMyModal(curObj) {       
 var url = $(curObj).attr("modalurl");    //Note here
            $('#MyModal').on('show', function () {
                $('#modal-frame').attr("src", url);
            });            
            $("#MyModal").modal({
                "backdrop": "static",
                "keyboard": true,
                "show": true
            });            
        }  

这很有效,干杯!!