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........写到这里我就要去找度娘了。。。。。。。。。。。

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

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

  • 相关阅读:
    [APM] OneAPM 云监控部署与试用体验
    Elastic Stack 安装
    xBIM 综合使用案例与 ASP.NET MVC 集成(一)
    JQuery DataTables Selected Row
    力导向图Demo
    WPF ViewModelLocator
    Syncfusion SfDataGrid 导出Excel
    HTML Table to Json
    .net core 2.0 虚拟目录下载 Android Apk 等文件
    在BootStrap的modal中使用Select2
  • 原文地址:https://www.cnblogs.com/lumeiling/p/5444904.html
Copyright © 2011-2022 走看看