ホームページ > ウェブフロントエンド > htmlチュートリアル > フロントエンド初心者による jQuery の実践体験。最初の読み込み時に価格が重複し、その後 better_html/css_WEB-ITnose が表示されるのはなぜですか。

フロントエンド初心者による jQuery の実践体験。最初の読み込み時に価格が重複し、その後 better_html/css_WEB-ITnose が表示されるのはなぜですか。

WBOY
リリース: 2016-06-21 08:51:55
オリジナル
1251 人が閲覧しました



;Dangdang - オンライン ショッピング モール: 本、ママとベビー、美容、家具、デジタル、家電、衣類、靴、バッグなど、正規品を低価格で販売し、代金引換スタイル> body、li、img、ol、li、p、dl、
🎜>なし;
テキスト装飾: なし;
フォント サイズ: "Microsoft Ya Black";
}
a: link,a:visited{
color: #4e4e4e;
} a:hover,a:active{
color: #ff2832;
}
#content {
width: 1200px ;
高さ: 492px;
/*枠線: 1px ソリッドシルバー;*/
/*ボーダー: auto;
オーバーフロー:
}
#content .tab_l{
幅: 972px; 🎜> float: left;

.title{
幅: 100%;
行の高さ: 34 ピクセル; ボーダー下: 2 ピクセルの実線 #ff2832; float: left;
margin-left: 5px;
margin-top: 13px; > 浮動小数点: 右;
}
ul.tab_sel li{
幅: 12px;
高さ: 12px;            境界半径: 50%;
背景色: 薄灰色;
float: 左;
margin-right: 5px;
}
.tab_lframe{
高さ: 456px;
幅: 972px;
位置: 相対。
}
.tab_lContent{
高さ: 456px;
border-left: 1px solid #e6e6e6;
位置: 絶対。

}
.tabl_imgs {
高さ: 150px;
クリア: 両方;
パディング: 10px 21.6px;

}
.tabl_imgs {
幅: 150px;
高さ: 150px;
}

.product {
高さ: 227px;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
float: 左;
位置: 相対。
}
.product p.price{
text-align: left;
text-indent: 10px;
色: #ff2832;
font-size: 1.3em;
}
ul li.hover{
背景色: #ff2832;
}








    

        

            

畅品今日闪购


            

                    

  •                 

  •                 

  •             

        

        

            

                

                    

                    

                        

中国经典文学辞海

                            下单立减20 知识


                        

¥199.00


                    

                

                

                    

                    

                        

中国经典文学辞海

                            下单立减20 知识


                        

¥19.00


                    

                

                

                    

                    

                        

中国经典文学辞海

                            下单立减20 知识


                        

¥39.00


                    

                

                

                    

                    

                        

中国经典文学辞海

                            下单立减20 知识


                        

¥99.00


                    

                

                

                    
 

                    

                        

中国经典文学辞海

                            下单立减20 知识


                        

¥59.00


                    

                

                

                    

                    

                        

中国经典文学辞海

                            下单立减20 知识


                        

¥999.00


                    

                

                

                    

                    

                        

中国经典文学辞海

                            下单立减20 知识


                        

¥1999.00


                    

                

                

                    

                    

                        

中国经典文学辞海

                            下单立减20 知识


                        

¥198.00


                    

                

                

                    

                    

                        

中国经典文学辞海

                            下单立减20 知识


                        

¥98.00


                    

                

                

                    

> ">¥ 19.00



> ; >






ディスカッションへの返信 (解決策)

上記は画像であり、上記のコードには

これは、ドキュメントがロードされるまで待つのを理解するのに簡単です。ドキュメント内の要素を使用して、設定しない場合、デフォルトで

が表示されます。 これは、jquery が実行前にドキュメントのロードを待つことを理解するのが簡単です。 . ドキュメントに要素を設定しない場合、デフォルトで表示されます しかし、この div は最初はオーバーフローで隠されていませんか?

これは、jquery が実行する前にドキュメントがロードされるのを待つため、ドキュメント内に要素を設定しないと、デフォルトで要素が表示されます。

でも最初はこのdivのオーバーフローが隠れてませんか?

オーバーフローは試したことがないので使い方がわかりませんが、文字通りオーバーフローすると非表示になるだけです。

ロード時に非表示にできる display:none を試しました。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート