js自動(dòng)生成的元素與頁(yè)面原有元素發(fā)生堆疊的解決方法
更新時(shí)間：2014年09月04日 10:23:08 投稿：whsnow
商品屬性和商品規(guī)格是js動(dòng)態(tài)生成的元素，商品擴(kuò)展信息的兩個(gè)文本框是原有的元素，他們發(fā)生堆疊，下面是一些解決思路
商品屬性和商品規(guī)格是js動(dòng)態(tài)生成的元素，商品擴(kuò)展信息的兩個(gè)文本框是原有的元素，他們發(fā)生堆疊，我以為是我生成的元素所在div大小不固定導(dǎo)致的，因?yàn)樯唐芬?guī)格的下面復(fù)選框是第二次ajax生成的，我懷疑第二次ajax是不是不能將頁(yè)面原有元素向下推到合適的位置。
搞了幾個(gè)小時(shí)，嘗試固定元素所在容器div的的大小，但是不好固定啊，元素的個(gè)數(shù)是不定的，嘗試改變屬性和規(guī)格的生成順序，屬性部分堆到規(guī)格部分上去了，規(guī)格部分的元素怎么不獨(dú)立占位置呢，后來才想到會(huì)不會(huì)是浮動(dòng)了，去除浮動(dòng)，給原有元素（商品擴(kuò)展信息部分）加上clear:both; 果然正常了。
遇到問題不要慌，不要怕麻煩，慢慢處理。
您可能感興趣的文章:
- JavaScript調(diào)用堆棧及setTimeout使用方法深入剖析
- java自帶的工具Jstack截取進(jìn)程中的堆棧信息
- JS實(shí)現(xiàn)隊(duì)列與堆棧的方法
- js自動(dòng)生成的元素與頁(yè)面原有元素發(fā)生堆疊的解決方法
- Javascript堆排序算法詳解
- 使用堆實(shí)現(xiàn)Top K算法（JS實(shí)現(xiàn)）
- JavaScript實(shí)現(xiàn)顯示函數(shù)調(diào)用堆棧的方法
- JavaScript把數(shù)組作為堆棧使用的方法
- JavaScript數(shù)組實(shí)現(xiàn)數(shù)據(jù)結(jié)構(gòu)中的隊(duì)列與堆棧
- 詳解堆的javascript實(shí)現(xiàn)方法
相關(guān)文章
JavaScript在圖片繪制文字兩種方法的實(shí)現(xiàn)與對(duì)比
這篇文章主要為大家詳細(xì)介紹了前端實(shí)現(xiàn)在圖片上繪制文字的兩種思路,支持即粘即貼即用,文中的示例代碼講解詳細(xì),需要的小伙伴可以了解下2024-03-03
js實(shí)現(xiàn)簡(jiǎn)單的獲取驗(yàn)證碼按鈕效果
本文主要介紹了js實(shí)現(xiàn)簡(jiǎn)單的獲取驗(yàn)證碼按鈕加效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了JS實(shí)現(xiàn)橫向跑馬燈效果代碼,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04
漸變顯示漸變消失的特殊效果在使用中還是比較常見的，本文簡(jiǎn)單的實(shí)現(xiàn)了一個(gè)，大家如何需要可以參考下2013-08-08
js實(shí)現(xiàn)簡(jiǎn)單排列組合的方法
這篇文章主要介紹了js實(shí)現(xiàn)簡(jiǎn)單排列組合的方法,可實(shí)現(xiàn)數(shù)學(xué)上排列組合算法功能,涉及JavaScript數(shù)組與字符串操作技巧,需要的朋友可以參考下2016-01-01
PHP+jQuery+Ajax+Mysql如何實(shí)現(xiàn)發(fā)表心情功能
這篇文章通過php+jquery+ajax+mysql相結(jié)合，實(shí)現(xiàn)當(dāng)用戶瀏覽網(wǎng)站文章或者是論壇帖子后，想表達(dá)自己瀏覽后的心情，發(fā)表自己的感受，很多網(wǎng)站都提供了用戶發(fā)表心情的功能，通過此功能可以很直觀的分析文章或者是論壇對(duì)瀏覽者的用戶體驗(yàn)度2015-08-08
javascript獲得服務(wù)器端控件的ID的實(shí)現(xiàn)代碼
javascript獲得服務(wù)器端控件的ID的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2011-12-12
JavaScript實(shí)現(xiàn)新年倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)新年倒計(jì)時(shí)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
這篇文章主要介紹了wx-charts 微信小程序圖表插件的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
基于javascript滾動(dòng)圖片具體實(shí)現(xiàn)
這篇文章主要介紹了javascript滾動(dòng)圖片具體實(shí)現(xiàn)，有需要的朋友可以參考一下2013-11-11