-1

何らかの理由で、単純なjQueryコードを実行しようとすると、機能しません。コードが正しく、ファイルが正しくリンクされていないようです。また、コードが異なる他のページでは機能しないので、jQueryのリンク方法に関係しているに違いないと思います。私のコードは次のとおりです。

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.7.2.min"></script>
<script type="text/javascript">
$('#toggle_message').click(function() {
    var value = $('#toggle_message').attr('value');
    $('#message').toggle('fast');

    if (value == 'Hide') {
        $('#toggle_message').attr('value', 'Show');
    } else if (value == 'Show') {
        $('#toggle_message').attr('value', 'Hide');
        }
    }
});
$('#toggle_message').click();
</script>
</head>
<body>
<input type="button" value="Hide" id="toggle_message" />
<p id="message">This is a paragraph that will disappear</p>
</body>
</html>

どんな助けでも大歓迎です。また、私のjQueryファイルの長さはわずか4行です。これは正常ですか？

4

2 に答える 2

5

.jsjQueryのファイル名を忘れたのではないかと思います。そのはず：

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

また、はい、ファイルの行数が非常に少ないのは正常です。それは圧縮されており、各行は非常に長いです。

さらに、Nudierがコメントで述べたように、要素へのバインドは、ページが読み込まれるまで機能しません。ページが読み込まれるまで、バインドを遅らせたいと思うかもしれません。

$(function() {
    $('#toggle_message').click(function() {
        // ...
    });
    $('#toggle_message').click();
});
于 2012-05-03T03:36:59.987 に答える
0

JQUERY コードを .ready 関数でラップしてみてください。また、前述の通りリンク先のjsが間違っている可能性があります。必要に応じて、次のことを自由に試して、Jquery ソースをローカル コピーに変更してください。通常、http: //ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.jsの src を使用します。

 <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html>
    <head>
    <title></title>
    <script src="" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('#toggle_message').click(function() {
            var value = $('#toggle_message').attr('value');
            $('#message').toggle('fast');

            if (value == 'Hide') {
                $('#toggle_message').attr('value', 'Show');
            } else if (value == 'Show') {
                $('#toggle_message').attr('value', 'Hide');
                }
        });

        $('#toggle_message').click();
    });


    </script>
    </head>
    <body>
    <input type="button" value="Hide" id="toggle_message" />
    <p id="message">This is a paragraph that will disappear</p>
    </body>
    </html>
     $('#toggle_message').click();
    });
于 2012-05-03T03:56:57.600 に答える