layui js出现一个form内和外的button 事件怪事

到现在没理解为何

 

 button 事件

    //通过class 筛选
    $('.layui-btn.layui-btn-sm').on('click', function () {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });


   //绑定点击事件
    var active = {
        //日
        day: function () {
            initCaijiName();
            // getDataShow(null,null,null,'day');
        },
        //周
        week: function () {
            getDataShow(null, null, null, 'week');
        },
        //月
        month: function () {
            getDataShow(null, null, null, 'month');
        },
        //年
        year: function () {
            getDataShow(null, null, null, 'year');
        }
    }

  function getDataShow(_keyword, _endpointnameselect, _StartEndDate,_buttondate) {       
        $.ajax({
            url: '/xxx/xxx/GetSerachData',
            type: 'get',
            dataType: "json",
            async: false,
            data: {
                keyword: _keyword
                , endpointnameselect: _endpointnameselect
                , StartEndDate: _StartEndDate
                , buttondate: _buttondate
            },
            success: function (data1) {
                console.log(data1);
                if (data1 == "") {
                    if (config.data.datasets.length > 0) {
                        //    清空
                        config.data.datasets.splice(0, config.data.datasets.length);
                        window.myLine.update();
                    }
                    alert("没有相关数据");
                    return false;
                }

 

实现功能

 

 很奇怪button在 form 内,点击之后图死活不显示,

放到form外之后瞬间展示...??