1

我有这个按钮 B1（比如说）当我点击这个 B1 时，会出现一个带有按钮/链接的模式弹出窗口

当我单击按钮/链接时，应该会出现一个新的弹出窗口，但我没有得到模态窗口，但我确实得到了值firebug

这是按钮 B1 的代码

<div class="thumbnail" ><img src="../Images/pix/B1.png" href="#B1Market" data-toggle="modal" /></div>

然后调用此模式弹出窗口，其中包含来自 div 的内容divB1Market

<div class = "modal fade" id="B1Market" role="dialog">
<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>
        <h3>Heading</h3>
        </div>  
        <div class="modal-body">
        <div id='divB1Market' runat="server"></div>
        </div>
        <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">Done</button>
        </div>
    </div>
</div>

下面的代码是里面的链接/内容divB1Market

<a href='#' data-dismiss='modal' onclick='JavaScript:" + (user.RoleID == 3 ? "PlayerMP." : "") + "showFunctionDetails(1," + drMTDFunction["PlayerID"] + "," + SessionID + "," + SessionNum + ");'>Link here</a>

反过来调用ajax调用

PlayerMP.getFunctionDetails = function (type, UserID, SessionID, SessionNo) {
$.ajax({
    type: "GET",
    url: PlayerMP.URL,
    data: "rt=4&type=" + type + "&UserID=" + UserID + "&SessionID=" + SessionID + "&SessionNo=" + SessionNo,
    success: function (FinancialSplitsJS) {
        if (FunctionalSplitsJS.indexOf("SessionExpired=1", 0) == -1) {

            $("#divFunctionalDetails").html(FunctionalSplitsJS);
            switch (type) {
                case 1:
                    $("#divFunctionalsSplit"); 
                    break;
                            }                

                    $("#divFunctionalsSplit").show();        /* calling the div with this id in the aspx page */
        }
        else
            window.location.href = "../Login.aspx?SessionExpired=1";
    }
});}

这是aspx页面中的modal-popup内容

<div class="modal fade" id="divFunctionalsSplit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  <%--this is the one not showing up--%>
        <div class="modal-dialog">
            <div class="modal-content">
                  <div class="modal-header">
                        <h3>Content</h3>      
                  </div> 
                  <div class="modal-body">
                    <div id="divFunctionalDetails" style="color:Black;"></div>
                   </div>
            </div>
        </div>
    </div>

这就是我打开萤火虫并用光标悬停时得到的

在此处输入图像描述

但是当我尝试用 firebug 调试代码时，我得到了完美的响应（在控制台中）。我无法弄清楚错误可能在哪里。

这是我导入包的顺序（发布这个是因为我在使用时遇到了这个错误）

$("#divFunctionalsSplit").modal().show();

Uncaught TypeError: Object #<Object> has no method 'modal'

<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<!-- Start of BootStrap -->
<link href="../Scripts/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="../Scripts/bootstrap.min.js" type="text/javascript"></script>
4

2 回答 2

2

我需要添加的只是jQuery.noConflict();在$('#divID').modal('show') 它与其他插件冲突之前。

于 2013-10-10T10:30:12.613 回答
0

看起来您的模态的 id 被 ASP 覆盖了。它从#B1Market 变为#divFunctionalSplit。我假设您的按钮仍然具有#B1Market 的href。简单的解决方案是更改 href 以匹配 div id。更好的解决方案是防止 ASP 替换 id。

于 2013-10-10T05:10:13.543 回答