js自动生成的元素与页面原有元素发生堆叠的解决方法


Posted in Javascript onSeptember 04, 2014

js自动生成的元素与页面原有元素发生堆叠的解决方法

商品属性和商品规格是js动态生成的元素,商品扩展信息的两个文本框是原有的元素,他们发生堆叠,我以为是我生成的元素所在div大小不固定导致的,因为商品规格的下面复选框是第二次ajax生成的,我怀疑第二次ajax是不是不能将页面原有元素向下推到合适的位置。

搞了几个小时,尝试固定元素所在容器div的的大小,但是不好固定啊,元素的个数是不定的,尝试改变属性和规格的生成顺序,属性部分堆到规格部分上去了,规格部分的元素怎么不独立占位置呢,后来才想到会不会是浮动了,去除浮动,给原有元素(商品扩展信息部分)加上clear:both; 果然正常了。

遇到问题不要慌,不要怕麻烦,慢慢处理。

Javascript 相关文章推荐
JavaScript CSS修改学习第六章 拖拽
Feb 19 Javascript
JavaScript高级程序设计 事件学习笔记
Sep 10 Javascript
一个关于jqGrid使用的小例子(行按钮)
Nov 04 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
Jun 05 Javascript
js怎么判断flash swf文件是否加载完毕
Aug 14 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
Feb 17 Javascript
AngularJS中控制器函数的定义与使用方法示例
Oct 10 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
Jan 28 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
深入解读Node.js中的koa源码
Jun 17 Javascript
JS如何生成动态列表
Sep 22 Javascript
js获取图片的base64编码并压缩
Dec 05 Javascript
告诉你什么是javascript的回调函数
Sep 04 #Javascript
jquery学习总结(超级详细)
Sep 04 #Javascript
JavaScript实现按Ctrl键打开新页面
Sep 04 #Javascript
js实现图片在未加载完成前显示加载中字样
Sep 03 #Javascript
jquery.idTabs 选项卡使用示例代码
Sep 03 #Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
Sep 03 #Javascript
JavaScript用JQuery呼叫Server端方法示例代码
Sep 03 #Javascript
You might like
编写漂亮的代码 - 将后台程序与前端程序分开
2008/04/23 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
highchart数据源纵轴json内的值必须是int(详解)
2017/02/20 PHP
laravel实现于语言包的完美切换方法
2019/09/29 PHP
jquery1.4.2 for Visual studio 2010 模板文件
2010/07/14 Javascript
通过百度地图获取公交线路的站点坐标的js代码
2012/05/11 Javascript
js控制表单操作的常用代码小结
2013/08/15 Javascript
浅谈js中变量初始化
2015/02/03 Javascript
js实现文字在按钮上滚动的方法
2015/08/20 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
jQuery图片缩放插件smartZoom使用实例详解
2017/08/25 jQuery
element-ui循环显示radio控件信息的方法
2018/08/24 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
javascript中floor使用方法总结
2019/02/02 Javascript
详解基于vue-cli3快速发布一个fullpage组件
2019/03/08 Javascript
重学JS之显示强制类型转换详解
2019/06/30 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
2020/03/12 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
[03:49]DOTA2 2015国际邀请赛中国区预选赛第二日现场百态
2015/05/27 DOTA
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
使用python将mdb数据库文件导入postgresql数据库示例
2014/02/17 Python
基于Python实现的百度贴吧网络爬虫实例
2015/04/17 Python
Scrapy的简单使用教程
2017/10/24 Python
python交互式图形编程实例(三)
2017/11/17 Python
python区块及区块链的开发详解
2019/07/03 Python
django-rest-framework 自定义swagger过程详解
2019/07/18 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
如何用Python编写一个电子考勤系统
2021/02/08 Python
德国箱包网上商店:koffer24.de
2016/07/27 全球购物
Nebula美国官网:便携式投影仪
2019/03/15 全球购物
接口可以包含哪些成员
2012/09/30 面试题
社区安全检查制度
2014/02/03 职场文书
正风肃纪查摆剖析材料
2014/10/10 职场文书
MySQL 使用索引扫描进行排序
2021/06/20 MySQL