分享

kindeditor 弹出框

 小马哥技术屋 2016-10-23

html代码:

<div class="order">
   
        <ul>
            <li>订单号:11111</li>
            <li>物流公司:中通</li>
            <li>物流号:222222222</li>
        </ul>
    </div>

<input type="button" id="create1" value="发货" />

js引入:
<script type="text/javascript" src="{$smarty.const.ADMIN_JS_PATH}jquery.js"></script>
<link href="{$smarty.const.KINDEDITOR_PATH}themes/default/default.css" rel="stylesheet" type="text/css" />
<script src="{$smarty.const.KINDEDITOR_PATH}kindeditor.js" ></script>


js代码:
KindEditor.ready(function(K) {
     
        K('#create1').click(function() {
            var content = $('.order').html();
           
            var dialog = K.dialog({
                width : 500,
                title : '订单详情',
                body : '<div style="margin:10px;"><strong>'+content +'</strong></div>',
                closeBtn : {
                    name : '关闭',
                    click : function(e) {
                        dialog.remove();
                    }
                },
                yesBtn : {
                    name : '确定',
                    click : function(e) {
                        alert(this.value);
                    }
                },
                noBtn : {
                    name : '取消',
                    click : function(e) {
                        dialog.remove();
                    }
                }
            });
        });
    });


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约