0

私は地元の企業慈善団体の Web サイトに取り組んでいますが、すべてを ie7 で動作させるのに問題があります。私がテストした他のすべてのブラウザーで動作し、w3 のバリデーターを通過すると合格します。

左側のナビゲーションは ie7 では機能しません。開発者ツールの下を見るとリンクがあります (もちろん、リンクはそこにあり、他のブラウザーで動作しています)。

また、jquery がギャラリー スライダーに対して適切に読み込まれていません。どの画像が表示されているかを示すボタンと箇条書きはありますが、画像自体はありません。

URL http://www.youthenterprise.co.uk/newhullready/coded/gallery.phpは次のとおりです。

問題の答えをグーグルで検索し、彼らが提案したすべての小さな詳細をチェックしました（私が持っていない $document.ready を移動し、application/javascript ではなく text/javascript に設定されていることを確認してください...）

4

1 に答える 1

0

これが orbit-1.2.3.css の 3-11 行目にあることに気付きました

#featured, 1,2,3,4,5 { 
    width: 620px;
    height: 450px;
    background: #fff url('orbit/loading.gif') no-repeat center center;
    overflow: hidden;
    }
#featured, 1,2,3,4,5>img,  
#featured, 1,2,3,4,5>div,
#featured, 1,2,3,4,5>a { display: none; }

これにより、最初のスライダー (#featured とも呼ばれます) が破損します。このコードがどこで使用されているかは 100% わかりませんが、削除またはコメントアウトすると、IE7 の問題が解決するはずです。

または、そのコードが必要な場合は、最初のスライダーの ID の名前を変更します。

それが役立つことを願っています。

ありがとうジリアン

編集：また、言及するのを忘れていましたが、各スライダーにスクリプトを追加する必要はありません。ヘッドタグに追加できます:)

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Hull Ready - the future is ours</title>

<link href="style/style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="style/orbit-1.2.3/orbit-1.2.3.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script src="style/orbit-1.2.3/jquery.orbit-1.2.3.js" type="text/javascript"></script>

<!--[if IE 7]><link rel="stylesheet" href="style/ie7.css" type="text/css" /><![endif]-->

<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit();
$('#featured1').orbit();
$('#featured2').orbit();
$('#featured3').orbit();
});
</script>
</head>
于 2012-10-16T09:16:44.470 に答える