zoukankan      html  css  js  c++  java
  • bootstrip 弹窗

    <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">详细信息</h4>
                </div>
                <div class="modal-body" id="nr">在这里添加一些文本</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                   
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    function JiaZai(bs)
        {
            var n = $("#fy_n").val();
            bs=bs;
            $.ajax({
                    url:"ffffffchuli.php",
                    data:{bs:bs,n:n, tp:1},
                    type:"POST",
                    dataType:"JSON",
                    success: function(data){
                        var strs = "";
                        for(var k in data)
                        {  
                            
                            strs=strs+"<div ><div style='background-image:url("+data[k].image+"); 314px; height:314px;overflow:hidden;background-position:center; float:left; margin-left:28px; margin-bottom:20px ;border-radius:12px ;'><div id='dise'></div>&nbsp;<div id='kkkk'><button class='btn btn-primary btn-lg xq' data-toggle='modal' data-target='#myModal' bs='"+data[k].code+"'>开始演示模态框</button><a style='color:#FFF'>|</a><a class='theng' href="guankan.php?bt='"+data[k].code+"'"><span class='glyphicon glyphicon-save'>可下载</span></a></div></div>"
                        }
                        
                            
                        $("#xian").html(strs);}
                });
                
                
    $(".sc").click(function(){
                        alert("aa");
                        })
                    //查看详情
                    $(".xq").click(function(){
                        
                    var code = $(this).attr("bs");
                    $.ajax({
                        
                        url:"xqchuli.php",
                        data:{code:code},
                        type:"POST",
                        dataType:"TEXT",
                        success: function(data){
                                
                                var str ="<div>民族代>民族名</div>";
                                
                                $("#nr").html(str);
                            }
                        
                        });
                    
                    })            
                
                
                
                
  • 相关阅读:
    UOJ309 UNR #2 排兵布阵
    BZOJ4860: [Beijing2017]树的难题
    CQOI2017 部分题解
    SDOI2017 Round1 Day2 题解
    记SCOI2017
    BZOJ3810: [Coci2015]Stanovi
    BZOJ4785: [Zjoi2017]树状数组
    「ZJOI2007」「LuoguP1169」棋盘制作(并查集
    「LuoguP4147」 玉蟾宫(并查集
    「LuoguP1402」 酒店之王(最大流
  • 原文地址:https://www.cnblogs.com/benpaodegegen/p/6108337.html
Copyright © 2011-2022 走看看