1

ウェブサイトのテスト ページ: http://www.lantiis.com/indexold.html

jsFiddle: http://jsfiddle.net/Guhb4/7/

jQuery のサポートを受けましたが、jsFiddle で完璧に動作します。(ここで Lantiis として一時的にサインイン:個別に表示/非表示を切り替えることができます。表示時に非表示にするにはどうすればよいですか? )

コードを転送すると、画像以外はすべて機能しました。背景画像が表示され、リンク画像が表示されますが、jquery が必要なサイト コンテンツを含むメイン画像は表示されません。コードを転送したときに何が間違っていたのかわかりません。

これは私の愚かな間違いだと確信していますが、私はまだjsを学んでいるので、この時点で完全に途方に暮れています. 最初の質問を投稿して、私を助けてくれたユーザーのコードと比較して、私のコードがどれほど厄介であるかを見るまで、私はそれがかなり良いと思っていました.

あらゆる方向性と批判を歓迎します。

4

2 に答える 2

1

HTML に jQuery ライブラリを含める必要があります。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

http://docs.jquery.com/Downloading_jQuery

そして、jQuery コードを次のようにラップします。

<script type="text/javascript">
    $(document).ready(function() {
        //Your code here
    });
</script>

http://docs.jquery.com/How_jQuery_Works#Launching_Code_on_Document_Ready

于 2011-06-03T03:42:26.283 に答える
0

jQueryライブラリを含め（Callumが言及）、コードをonload関数内に配置する（CleverQuackが言及）ことに加えて、スクリプトにはjavascriptだけでなく、テキスト/javascriptのタイプも必要です。このようなものが動作するはずです:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
 $('#mask > div:first-child').show();
 $('#top a').click(function() {
    var keyterm = $(this).attr('title');
    $('#mask > div').hide();
    $('div[id=' + keyterm + ']').slideDown('slow');
 });
});
</script>
于 2011-06-03T03:46:06.580 に答える