layer弹层content写错导致div复制了一次,导致id失效 $().val() 获取不到dispaly:none div里表单的值

?

错误之源:

$("a.consult").click(function () {
        lib_consult_html = $(‘#consult-html‘).html();  /*复制了一份div*/
        layer.open({
            type: 1,
            title: false,
            closeBtn: 0,
            shadeClose: true,
            content: lib_consult_html  /*这里写迷了吧*/
       });
    });

查看layer文档修改后:

$("a.consult").click(function () {
         layer.open({
            type: 1,
            title: false,
            closeBtn: 0,
            shadeClose: true,
            content: $(‘#consult-html‘)
        });
    }); 

然后div里的提交事件就生效了:

 $(‘#model_click‘).click(function () {
        var phone = $(‘#z_phone‘).val();
        var budget = $(‘#z_budget‘).val();
        var data = $("#model_form").serializeArray();
        console.log(data);
        if (phone != "" && budget != "") {
            $.ajax({
                url: ‘/tools/submit_ajax.ashx?action=my_modelSend‘,
                dataType: "text",
                type: ‘post‘,
                data: data,
                success: function (date) {
                    alert(date);
                    console.log(date);
                    document.getElementById("model_form").reset();
                }
            });
        } else {
            alert("联系电话和预算必填哦!!!");
        }
    });

?

原文地址:https://www.cnblogs.com/baocaige/p/10023693.html

时间: 2024-10-07 08:17:25

layer弹层content写错导致div复制了一次,导致id失效 $().val() 获取不到dispaly:none div里表单的值的相关文章

layer弹层之美

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 官网:http://layer.layui.com/ //初体验 layer.alert('内容') //询问框 layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, function(){ layer.msg('的确很重要', {icon: 1}); }, function(){ layer.m

layer弹层遮罩挡住窗体解决

使用代码: <div> <div>这里面某个按钮触发弹层<div> <div id='dialog' hidden='hidden'></div></div>如果上面的按钮触发了弹层 layer.open 且content是某个DOM元素 content:$('#dialog') 那么这里弹出层,遮罩会遮住到弹窗导致操作不了. 官网给出的说法是  如果弹层的内容content是某个DOM元素的话,要放在body的根节点下.不能放在di

jQuery Layer 弹层组件

layer是一款近年来口碑非常不错的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 在与同类组件的比较中,layer总是能轻易获胜.她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升.易用和实用性,正因如此,越来越多的开发者将媚眼投上了layer.layer兼容了包括IE6在内的所有主流浏览器. 她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,皆广受欢迎.当然,这种"王婆卖瓜"的陈

layer ----- 弹层

模块加载名称:layer,layer独立组件官网:layer.layui.com layer可以独立使用,也可以通过Layui模块化使用.按照实际需求来选择.只使用layer,你可以去layer独立组件官网下载组件包.你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js.如果你使用的是Layui,那么你直接在官网下载layui框架即可,无需引入jQuery和layer.js,但需要引入layui.css和layui.js ,解压后可放在extend下, , layer提供

HTML5 本地存储+layer弹层组件制作记事本

什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据. 早些时候,本地存储使用的是 cookie.但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能. 数据以 键/值 对存在, web网页的数据只允许该网页访问使用. 保存数据:localStorage.setItem(key,value); 读取数据:localStorage.getItem(key); 删除单个数据:l

layer弹层 展示

<td width="107" height="42"   class="contract" myhref="{:U('/Manage/Merchant/contract', array('id'=>$item['merchant_id']) )}">合作协议</td> <script> $('.contract').click(function(){ var href =  $(th

layer弹出层设置相对父级元素定位

layer弹出层默认是相对body固定定位的,可是项目中一般需要相对某个盒子相对定位,下面是个加载弹层例子: var loadIndex = layer.open({ type: 3, //3 表示加载 fixed: false, //取消固定定位,因为固定定位是相对body的 offset: ['60px', '132px'], //相对定位 time: 5000, //定时关闭弹层 icon: 2, //加载的icon类型 shade: 'background-color: rgba(0,0

jquery layer弹窗弹层插件 小巧强大

/* 先去官网下载最新的js  http://sentsin.com/jquery/layer/ ①引用jquery ②引用layer.min.js */ 触发弹层的事件可自由绑定,如: $('#id').on('click', function(){ layer.msg('test'); }); 下面主要贴出上述例子的调用代码: [信息框]: layer.alert('白菜级别前端攻城师贤心', 8); //风格一 layer.msg('前端攻城师贤心'); //风格二 //当然,远远不止这两

layer弹出层详解

前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的). layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 具体请