AJAX/CSS - ajax呼び出しがAjax呼び出しでいっぱいになった後に選択ボックスにCSSの問題が発生しました

Question

オプションで選択ボックスを塗りつぶすajax呼び出しがあります。 ajax呼び出しが完了した後、ボックスの最初のクリックだけが問題になります。スタイリングがうまくいきません。それは完全に黒いか、画面上で数インチ上がっています。選択ボックスをもう一度クリックすると、すべてのオプションが正しく表示され、書式設定がどのように表示されるかがわかります。この問題は、chrome ... firefoxとIEでも発生します。この問題は起こりません。ここで

select { 
    border: 1px solid #333; 
    width: 130px; 
    height: 25px; 
    border-radius: 3px; 
    overflow: hidden; 
    background-color: #333; 
    color: #fff; 
    font-weight: 700; 
    vertical-align: middle; 
} 

select:hover { 
    -webkit-transition: all .5s; 
    transition: all .5s; 
    background-color: #444; 
} 

は一種の私がやっているものの例を示すことができ、私のJSFIDDLEへのリンクです。明らかに、ajax呼び出しがクエリを実行するため、動作する例ではありません。どんな助けもありがとう。

Answer 1

あなたの例でCSS/HTMLはうまく見えます。 ajax呼び出しの後にスタイリングが乱れている場合は、受信しているデータを調べる必要があります。 行うようにしてください：

success: function(success) { 
    console.log(success.d); 
} 

あなたのHTMLをめちゃくちゃに任意の無効または目に見えない文字があるかどうかを確認するには。がんばろう！