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

Posted baocaige

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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("联系电话和预算必填哦!!!");
        }
    });
技术分享图片

技术分享图片技术分享图片?

以上是关于layer弹层content写错导致div复制了一次,导致id失效 $().val() 获取不到dispaly:none div里表单的值的主要内容,如果未能解决你的问题,请参考以下文章

layui使用弹出层 关闭后弹层的内容又显示出来

如何设置jquery layer弹窗弹层位置

layer弹层不能实现

virtuoso怎么查看layer的默认设置

layer弹层之美

layer ----- 弹层