zoukankan      html  css  js  c++  java
  • 自己手写一个简易的警告框,和关于滚动条的那些事儿

           初来乍到,请大家多多指教!

    这已经是我工作的第二周了,刚刚到公司还是有许多的不适应与羞涩,更多的是紧张,随时都会被项目惊醒,公司只有我一个前端开发,对于没有开发经验的我来说无疑是一个挑战,而且这一周正式算做项目的日子,为期一个月,做的是公司的关于账号和作品等的一个内部管理系统,感觉写起来没有什么要求,但就最怕这种没有要求的东西,没有人管,没人指导,感觉什么都只有按照自己以往一贯的书写代码的方式来,最怕最后不合格........呵呵呵,也许这就是我一个初到职场,一个小小菜鸟的畏畏缩缩的小心理吧!

    1,首先我遇到的第一个问题就是关于类似弹出框,警告框的问题?

    也许在很多人心里这简直是一个小问题,而且只要网上一百度,就会出现关于弹出框的一大堆小插件,但是我找了很久也找不到和自己相似的样式,

    公司项目里要呈现的是关于点击删除按钮,就会出现一个警告框,“你确定删除吗?然后还有确定,取消按钮”,点击确定就删除内容,点击取消,就放弃删除操作。

    我用的方法也许就比较死板了。

    就是在删除按钮上绑定了一个onclick事件;<button type='button'  onclick="del(this)"></button>

    然后就是用的jQuery,在jQuery里边创建元素,创建弹出框。

    <script>

    function del(obj){

    var div1=$("<div class'delBox'><p>删除作品</p><p>你确定永久删除该作品吗?</p><button>确定</button><button>取消</button></div>“);

    $('body').append(div1);

    $('button:last').click(function(){

    div1.remove();

    })

    $('button:first').click(function(){

    $(obj).parent().reove();

    })

    })

    </script>

    因为这是自己大概写的代码,可能有很多错误,关键是在做的过程中,发现了一个问题,就是没有实现当弹出框出现时,没有关闭该弹出框时,其他的事件操作照样能进行。。。

    SO........写到这里我就要去找度娘了。。。。。。。。。。。

    好吧,我没有找到关于这个问题的解决办法。。。。

    明天继续查找,研究,学习,,睡了,安!

  • 相关阅读:
    Flink入门(一)——Apache Flink介绍
    ES入门宝典(详细截图版)
    什么是全文检索
    Hbase入门(五)——客户端(Java,Shell,Thrift,Rest,MR,WebUI)
    Hbase入门(四)——表结构设计-RowKey
    Hbase入门(三)——数据模型
    Hbase入门(二)——安装与配置
    Hbase入门(一)——初识Hbase
    Flink1.9整合Kafka
    ShutdownHook
  • 原文地址:https://www.cnblogs.com/lumeiling/p/5444904.html
Copyright © 2011-2022 走看看