Jquery load関数がOperaとIEのコンテンツを表示しない

ウェブカメラの下に天気情報を表示するためにjquery load関数を使用します。それは（セクションでは、赤枠で強調表示）テストのためのオペラとIEJquery load関数がOperaとIEのコンテンツを表示しない

$("#forecast").load("/v3/ajax/liveforecast.php?res_id=1804&sw=48 #weatherme");

にFirefoxのブラウザで動作しますが、ない： http://sionvalais.com/review/ehrwald/129842

のdivが正しい位置に表示されたCOSそれはCSSの問題ではありません。

オペラにおけるバグの今誰も>

これは私がロードするものです：

<div id="weatherme"><div style="display:inline-block;float:left;width:40px;margin:0 2px;text-align:center;font-size:10px;color:#fff;"><span style="display:block;width:38px;height:44px;padding-top:16px;"><img src="http://sionvalais.com/gfx/flake.png" />110cm<br />60cm</span></div><div style="display:inline-block;float:left;width:40px;margin:0 2px;text-align:center;font-size:10px;"><span title="Fog" style="display:block;width:38px;height:44px;background:transparent url(http://sionvalais.com/wetter/images/39x39/20.png) no-repeat;"><em style="color:#fff;display:inline-block;margin-top:34px;">3mm</em></span><span style="display:block;color:#fff;">Sun </span><span class="warm">3</span>/<span class="warm">5</span> </div><div style="display:inline-block;float:left;width:40px;margin:0 2px;text-align:center;font-size:10px;"><span title="heavy snow" style="display:block;width:38px;height:44px;background:transparent url(http://sionvalais.com/wetter/images/39x39/16.png) no-repeat;"><em style="color:#fff;display:inline-block;margin-top:34px;"></em></span><span style="display:block;color:#fff;">Mon </span><span class="cold">0</span>/<span class="warm">4</span> </div><div style="display:inline-block;float:left;width:40px;margin:0 2px;text-align:center;font-size:10px;"><span title="Cloudy" style="display:block;width:38px;height:44px;background:transparent url(http://sionvalais.com/wetter/images/39x39/30.png) no-repeat;"><em style="color:#fff;display:inline-block;margin-top:34px;"></em></span><span style="display:block;color:#fff;">Tue </span><span class="cold">-2</span>/<span class="warm">1</span> </div><div style="display:inline-block;float:left;width:40px;margin:0 2px;text-align:center;font-size:10px;"><span title="Snow" style="display:block;width:38px;height:44px;background:transparent url(http://sionvalais.com/wetter/images/39x39/14.png) no-repeat;"><em style="color:#fff;display:inline-block;margin-top:34px;">2mm</em></span><span style="display:block;color:#fff;">Wed </span><span class="warm">3</span>/<span class="cold">-2</span> </div><div style="display:inline-block;float:left;width:40px;margin:0 2px;text-align:center;font-size:10px;"><span title="Snow" style="display:block;width:38px;height:44px;background:transparent url(http://sionvalais.com/wetter/images/39x39/14.png) no-repeat;"><em style="color:#fff;display:inline-block;margin-top:34px;">9cm</em></span><span style="display:block;color:#fff;">Thu </span><span class="cold">-3</span>/<span class="cold">-1</span> </div></div>

出典

2012-01-01 mark

あなたはオペラと（http://sionvalais.com/v3/ajax/liveforecast.php?res_id=1804&sw=48）[ページに直接]参照する場合は、あなたがそれを正しく見ていますか？ –

Operaは、このスクリプトエラーを報告している

：

Inline script compilation 
Syntax error at line 18 while loading: 
    $(this).("previous views"); 
    ---------^ 
expected identifier, got '('

出典

2012-01-01 11:28:55

Thanks Emil！それはそれだった。 – mark

あなたは良い習慣ではありません（<html><head>.....のものを含む）ドキュメント全体をロードしています。

必要な部分のみを読み込みます。

$("#forecast").load("/v3/ajax/liveforecast.php?res_id=1804&sw=48 #Contents");

ここで、Contentsは、必要な実際のデータを含む要素のIDです。

編集：あなたの編集を見て、ソースを表示した後、多分それが原因フロートの組み合わせとインラインブロック表示にだ - この質問を参照してください。
Layout problem (floats) specific to Opera

出典

2012-01-01 11:12:40

いいえドキュメント全体ではありません。 – mark

@markあなたのコメントは何を意味していますか？ –

編集を参照してください。私は、HTML、頭、ボディータグなどの文書をロードしていません。 – mark

Jquery load関数がOperaとIEのコンテンツを表示しない

答えて

関連する問題