daniel_cpd

daniel_cpd

85飞吻 2016-12-8 加入 来自中国 某城

(这个人懒得留下签名)

daniel_cpd 最近的回答

  • 2017-10-30 10:50:35利用FormData和Ajax批量上传文件中回答:

    你好,您的杭州协创实业有限公司源代码方便开源吗?
  • 2017-10-30 10:48:21请问为什么layer中弹出层内容点击事件不起作用??中回答:

    @转角遇到爱 抱歉手机端没用过layui
  • 2017-5-17 22:12:1layui+node.js+高德地图实现的设备管理系统中回答:

  • 2017-4-26 21:1:42layer弹出隐藏的div是灰色的,界面不能点击了中回答:

  • 2017-4-26 21:1:9layer弹出隐藏的div是灰色的,界面不能点击了中回答:

    可以把你使用layer弹窗代码分享以下吗? 谢谢了。 不知道我的弹窗里面的按钮无法响应事件。
    问题描述:

    http://fly.layui.com/jie/9585.html
  • 2017-4-25 22:5:28请问为什么layer中弹出层内容点击事件不起作用??中回答:

    @小魔方

    我在项目的弹窗中再加了一个按钮,发现点击这个按钮也会有问题。而demo下可以的。

    /*查看设备信息*/
    $('#tabContent').on('click', '.layui-btn-normal', function() {
    var obj = $(this);
    var id = obj.parents('tr').attr('id');
    var tableHeaderStr= '<table class="layui-table" lay-skin="line" >'+
    '<colgroup>'+
    '<col width="150">'+
    '<col width="150">'+
    '<col width="200">'+
    '<col>'+
    '</colgroup>'+
    '<thead>'+
    '<tr>'+
    '<th><span href="javascript:;" class="layui-btn layui-btn-small" id="test">测试<span/></th>'+
    '<th>设备编号</th>'+
    '<th>主桩</th>'+
    '<th>主桩ip</th>'+
    '<th>副桩</th>'+
    '<th>副桩ip</th>'+
    '<th>检测是否在线</th>'+
    '</tr>'+
    '</thead>'+
    '<tbody id="deviceCheck">';
    var tableBottomStr='</tbody></table>';
    $.post("/lukou/device",{deviceId:id},function(result){
    if(result.status==="success"){
    var mydata=result.data;
    //柱子信息弹窗
    var deviceInfoStr="";
    for(var i=0;i<mydata.length;i++){
    deviceInfoStr=deviceInfoStr+
    '<tr>'+
    '<td>'+mydata[i].deviceNumber+'</td>'+
    '<td>'+mydata[i].deviceOne+'</td>'+
    '<td>'+mydata[i].deviceOneIp+'</td>'+
    '<td>'+mydata[i].deviceTwo+'</td>'+
    '<td>'+mydata[i].deviceTwoIp+'</td>'+
    '<td><span class="layui-btn layui-btn-normal layui-btn-mini">点击检测</span></td>'+
    '</tr>';
    }
    //驾驶证信息弹窗
    layer.open({
    type: 1 //Page层类型
    ,area: ['500px', '300px']
    ,title: '设备详细信息'
    ,shade: 0.6 //遮罩透明度
    ,maxmin: true //允许全屏最小化
    ,anim: 1 //0-6的动画形式,-1不开启
    ,content: tableHeaderStr+deviceInfoStr+tableBottomStr
    });
    }else{
    layer.msg('获取设备信息失败!', {
    icon: 1,
    time: 1000
    });
    }
    });

    $(document).on('click', '#deviceCheck .layui-btn-normal', function() {
    layer.msg('响应点击事件');
    });

    $(document).on('click', '#test', function() {
    layer.msg('响应test点击事件');
    });
    });
  • 2017-4-25 21:53:4请问为什么layer中弹出层内容点击事件不起作用??中回答:

    @小魔方

    抱歉,您给的方法在dome中起作用,但是把它用到项目中还是没反应,真奇怪。

    调试页面:
    /*查看设备信息*/
    $('#tabContent').on('click', '.layui-btn-normal', function() {
    var obj = $(this);
    var id = obj.parents('tr').attr('id');
    var tableHeaderStr='<table class="layui-table" lay-skin="line" >'+
    '<colgroup>'+
    '<col width="150">'+
    '<col width="150">'+
    '<col width="200">'+
    '<col>'+
    '</colgroup>'+
    '<thead>'+
    '<tr>'+
    '<th>设备编号</th>'+
    '<th>主桩</th>'+
    '<th>主桩ip</th>'+
    '<th>副桩</th>'+
    '<th>副桩ip</th>'+
    '<th>检测是否在线</th>'+
    '</tr>'+
    '</thead>'+
    '<tbody id="deviceCheck">';
    var tableBottomStr='</tbody></table>';
    $.post("/lukou/device",{deviceId:id},function(result){
    if(result.status==="success"){
    var mydata=result.data;
    //柱子信息弹窗
    var deviceInfoStr="";
    for(var i=0;i<mydata.length;i++){
    deviceInfoStr=deviceInfoStr+
    '<tr>'+
    '<td>'+mydata[i].deviceNumber+'</td>'+
    '<td>'+mydata[i].deviceOne+'</td>'+
    '<td>'+mydata[i].deviceOneIp+'</td>'+
    '<td>'+mydata[i].deviceTwo+'</td>'+
    '<td>'+mydata[i].deviceTwoIp+'</td>'+
    '<td><span class="layui-btn layui-btn-normal layui-btn-mini">点击检测</span></td>'+
    '</tr>';
    }
    //驾驶证信息弹窗
    layer.open({
    type: 1 //Page层类型
    ,area: ['500px', '300px']
    ,title: '设备详细信息'
    ,shade: 0.6 //遮罩透明度
    ,maxmin: true //允许全屏最小化
    ,anim: 1 //0-6的动画形式,-1不开启
    ,content: tableHeaderStr+deviceInfoStr+tableBottomStr
    });
    }else{
    layer.msg('获取设备信息失败!', {
    icon: 1,
    time: 1000
    });
    }
    });

    $(document).on('click', '#deviceCheck .layui-btn-normal', function() {
    layer.msg('响应点击事件');
    });
    });
  • 2017-4-25 21:23:49请问为什么layer中弹出层内容点击事件不起作用??中回答:

    @小魔方
    先感谢您细心解答。
    尴尬了,确实不知道他们有区别,之前一直都是这样用:
    不起作用:
    $('#test').on('click', function() {
    layer.msg('响应点击事件');
    });

    起作用了:
    $(document).on('click', '#test', function() {
    layer.msg('响应点击事件');
    });
    好像明白了一点了

    1》》.click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事件的
    2》》而$(document).on("click","指定的元素",function(){});方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件
  • 2017-4-25 21:10:0请问为什么layer中弹出层内容点击事件不起作用??中回答:

    @小魔方

    这是全部测试demo代码了。
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>设备列表</title>
    <link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="css/global.css" media="all">
    <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/table.css" />
    <!--地图-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>基本地图展示</title>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.3&key=bce34716ae32281536e4b60b85fe3dc8"></script>
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
    <!--地图-->
    </head>

    <body>
    <div class="layui-form-item">
    <a href="javascript:;" class="layui-btn layui-btn-small" id="refresh">
    点击查询
    </a>
    </div>
    <script type="text/javascript" src="plugins/layui/layui.js"></script>
    <script>
    layui.config({
    base: 'plugins/layui/modules/'
    });
    layui.use(['icheck','layer'], function() {
    var $ = layui.jquery,
    layer = parent.layer === undefined ? layui.layer : parent.layer;
    //页面初始化的时候执行
    $(function (){
    });
    //点击刷新按钮
    $('#refresh').on('click', function() {
    //驾驶证信息弹窗
    layer.open({
    type: 1 //Page层类型
    ,area: ['400px', '200px']
    ,title: '设备详细信息'
    ,shade: 0.6 //遮罩透明度
    ,maxmin: true //允许全屏最小化
    ,anim: 1 //0-6的动画形式,-1不开启
    ,content:'<span href="javascript:;" class="layui-btn layui-btn-small" id="test">测试<span/>'
    });
    });
    $('#test').on('click', function() {
    layer.msg('刷新成功');
    });
    });
    </script>
    </body>
    </html>

    这个不起作用??

    $('#test').on('click', function() {
    layer.msg('刷新成功');
    });
  • 2017-4-25 20:56:42请问为什么layer中弹出层内容点击事件不起作用??中回答:

    @小魔方

    我点击了“点击查询”,然后弹窗出来了,再在弹窗页面中点击“测试”按钮。没有任何反应,我预想这应该有提示信息的。

  • 2017-4-25 20:45:30请问为什么layer中弹出层内容点击事件不起作用??中回答:

    @小魔方
    抱歉,我看了js的事件委托,还是没有头绪,我写了个简单的测试dome,弹窗里面的“测试”按钮,点击不起作用,我想请教一下应该怎样写?
    		<div class="layui-form-item">
    <a href="javascript:;" class="layui-btn layui-btn-small" id="refresh">
    点击查询
    </a>
    </div>
    <script type="text/javascript" src="plugins/layui/layui.js"></script>
    <script>
    layui.config({
    base: 'plugins/layui/modules/'
    });
    layui.use(['icheck','layer'], function() {
    var $ = layui.jquery,
    layer = parent.layer === undefined ? layui.layer : parent.layer;
    //页面初始化的时候执行
    $(function (){
    });
    //点击刷新按钮
    $('#refresh').on('click', function() {
    //驾驶证信息弹窗
    layer.open({
    type: 1 //Page层类型
    ,area: ['200px', '100px']
    ,title: '设备详细信息'
    ,shade: 0.6 //遮罩透明度
    ,maxmin: true //允许全屏最小化
    ,anim: 1 //0-6的动画形式,-1不开启
    ,content:'<span href="javascript:;" class="layui-btn layui-btn-small" id="test">测试<span/>'
    });
    });

    $('#test').live('click', function() {
    layer.msg('刷新成功');
    });
    });
    </script>
    </body>
    </html>
  • 2017-4-25 19:38:58弹出层里面的值改变不了中回答:

    我遇到了弹出层里按钮,点击无法响应的问题。
  • 2017-4-24 18:14:14使用了省县区级联,根据不同的地区获取不同数据,并将数据展示问题,求指教。 中回答:

    之前查询按钮是这样写的,点击按钮会刷新这个页面,所以每次都是查询初始化的省市区数据,可能是被 lay-submit  坑了一把。
    <div class="layui-input-block">
    <button class="layui-btn" lay-submit="" lay-filter="demo2" id="search">立即查询</button>
    </div>

    后来修改成超链接形式,并不会刷新页面,可根据省市区重新获取数据。
    <a href="javascript:;" class="layui-btn layui-btn-small" id="search">查询数据</a>

  • 2017-4-24 18:8:24使用了省县区级联,根据不同的地区获取不同数据,并将数据展示问题,求指教。 中回答:

    讲不清楚,不知道为什么又好了。
  • 2017-1-13 18:43:13node.js+layui+bootstrap快速开发企业网站中回答:

    @冬天 额?? 案例里不是有嘛······[吃惊]