數字加減元件 jquery.spinner
阿新 • • 發佈:2018-12-12
$(".edit_cate").click(function(){ var id = $(this).data('id'); var index = layer.open({ title: '編輯搜尋結果排序', type:2, content: '/search_manage/edit_search_result_sort?id='+id, area:['400px', '380px'], shadeClose: false, shade: [0], scrollbar: false, btn: ['儲存', '關閉'], yes: function(){ button = layer.getChildFrame('.btn-save', index); button.click(); } }); });
<link href="/front/css/bootstrap/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="/front/css/bootstrap/bootstrap.v3.5.0.min.css"> <link rel="stylesheet" href="/front/css/font-awesome.min.css"> <link rel="stylesheet" href="/front/css/bootstrap-spinner.css"> <style> .container { margin-top: 20px; } } </style> <div class="container"> <form class="form-inline" role="form" method="post" id="form"> <table class="table hover-table table-bordered"> <tr> <td>Query:</td> <td><?php echo $query_word; ?></td> </tr> <tr> <td>標題:</td> <td><?php echo $title; ?></td> </tr> <tr> <td>當前排序:</td> <td><?php echo 1; ?></td> </tr> <tr><td>設定排序:</td> <td> <div style="width: 80px;"> <div class="input-group spinner" data-trigger="spinner"> <input type="text" class="form-control text-center" value="1" data-rule="quantity"> <div class="input-group-addon"> <a href="javascript:;" class="spin-up" data-spin="up"><i class="fa fa-caret-up"></i></a> <a href="javascript:;" class="spin-down" data-spin="down"><i class="fa fa-caret-down"></i></a> </div> </div> </div> </td> </tr> <tr> <td>失效時間</td> <td> <input name="expire_time" value="" class="form-control" style="width: 150px; height: 30px; margin-left: 10px; display: inline-block;" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"> </td> </tr> <button class="hide btn-save" type="button">儲存</button> </table> </form> </div> <script type="text/javascript" src="/front/js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="/front/js/layui/lay/dest/layui.all.js"></script> <script src="/front/js/jquery.spinner.min.js"></script> <script type="text/javascript" src="/front/js/WdatePicker.js"></script> <script> $(document).ready(function () { $(".btn-save").click(function() { var cate_name = $('input[name="cate_name"]').val(); if (cate_name == '') { layer.msg('模組名稱不能為空'); return false; } $.post('update_suggest_hotspot', $("form").serialize(), function(r) { layer.msg(r.msg, {time: 1000}, function() { if (r.code) { parent.window.location.reload(); close_layer(); } }) }, 'json'); }); function close_layer() { var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); } }) </script>