0

このスクリプトを実行するにはどうすればよいですか、html ファイルで実行しようとしましたが、うまくいかないようです..

このコードを単一の html ファイルにしたいのですが、可能ですか? それとも別のファイルが必要ですか？ http://jsfiddle.net/ambiguous/jcnMa/1/

<script type="text/javascript">
$('.question, .answer')
    .css("display", "none");
$('.section')
    .click(function ()
{
    var $others = $('.question:visible')
        .not(this);
    $others.next('.answer')
        .hide();
    $others.slideToggle(500);
    $(this)

        .next('.question')
        .slideToggle(500);
});
$('.question')
    .click(function ()
{
    $(this)
        .next('.answer')
        .slideToggle(500);
});​
</script>
4

3 に答える 3

2

まず、jQuery ライブラリが含まれていることを確認します。

<script src="path/to/jquery.min.js"></script>

これらのタグ内に jQuery を含めていないことを確認してください。

<script src="path/to/jquery.min.js"></script>
<script>
    /* Your jQuery here */
</script>

そして、、$(document).ready()または$(window).load()、ハンドラーを使用していることを確認します。

<script src="path/to/jquery.min.js"></script>
<script>
    $(document).ready(
        function(){
            /* Your jQuery here */
        });
</script>

$(document).ready()(または)の要件は$(window).load()、DOM が構築され、イベントをバインドする要素が存在することを確認することです。これらのハンドラーがないと、ブラウザーはスクリプトに遭遇するとすぐに、要素が存在するか作成されるのを待たずにイベントをバインドしようとするため、イベント バインディングが機能しなくなります。

于 2012-11-04T10:23:05.897 に答える
0

私はこのように行きます：

<head>
    ...
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.question, .answer').css("display", "none");
            $('.section').click(function ()
            {
                var $others = $('.question:visible').not(this);
                $others.next('.answer').hide();
                $others.slideToggle(500);
                $(this).next('.question').slideToggle(500);
            });
            $('.question').click(function ()
            {
                $(this).next('.answer').slideToggle(500);
            });​
        });
    </script>
    ...
</head>

最初にjquerylibがロードされていることを確認する必要があります。次に、コードがDOMのオブジェクトを参照していることに気付く場合があります。そのため、ページがロードされたとき（またはボディコードに入力された後）にのみアクセスできます。可能な限り、jsコードをheadセクションに保存することを好みます。

于 2012-11-04T10:52:51.497 に答える
0

このコードを本文の終了タグの前に置きます

Your Code 
</body>
于 2012-11-04T10:01:41.457 に答える