自己手写一个简易的警告框,和关于滚动条的那些事儿

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

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

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

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

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

原文地址:https://www.cnblogs.com/lumeiling/p/5444904.html