Question

我使用jquery加载功能在网络摄像头下方显示天气信息。它适用于firefox浏览器，但不适用于opera和IE

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

进行测试（以红色边框突出显示的部分）： http://sionvalais.com/review/ehrwald/129842

这不是一个css问题'因为div在正确的位置显示。

现在有任何人在Opera＆gt;

中出现任何错误

这就是我加载的内容：

<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>

Answer 1

Opera正在报告此脚本错误：

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

Answer 2

您正在加载整个文档（包括<html><head>.....内容），这不是一个好习惯。

仅加载您需要的特定部分，例如

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

其中Contents是包含您需要的实际数据的元素的ID。

编辑：看到您的编辑和查看来源后，可能是由于浮动和内嵌块组合显示 - 请参阅此问题：
Layout problem (floats) specific to Opera

Jquery加载函数不在Opera和IE中显示内容

2 个答案: