0

HTMLページでJavaScriptを使用していましたが、スクリプトを外部のjsファイルに移動しました。これがスクリプト(jful.js)です

<script type="text/javascript">
$(function() {

    // grab the initial top offset of the navigation 
    var sticky_navigation_offset_top = $('#catnav').offset().top;

    // our function that decides weather the navigation bar should have "fixed" css position or not.
    var sticky_navigation = function(){
        var scroll_top = $(window).scrollTop(); // our current vertical position from the top

        // if we've scrolled more than the navigation, change its position to fixed to stick to top,
        // otherwise change it back to relative
        if (scroll_top > sticky_navigation_offset_top) { 
            $('#catnav').css({ 'position': 'fixed', 'top':0, 'left':0 });
        } else {
            $('#catnav').css({ 'position': 'relative' }); 
        }   
    };

    // run our function on load
    sticky_navigation();

    // and run it again every time you scroll
    $(window).scroll(function() {
         sticky_navigation();
    });

});
</script>

現在、スクリプトは機能していません。このようなスクリプトを含めました

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

もう一度スクリプトをHTMLドキュメントに直接追加すると、機能します!(このスクリプトはページを下にスクロールすると実行されます)問題は何ですか?

4

3 に答える 3

6

これらを削除します

<script type="text/javascript">

</script>
于 2012-07-02T07:15:34.553 に答える
5

jful.jsでは必要<script type="text/javascript">ありません。</script>

于 2012-07-02T07:15:35.863 に答える
1

JSファイルにタグを追加<script type="text/javascript">した場合は、タグを削除してください。.jsファイルにプレーンなJSコードを含めるだけです。

于 2012-07-02T07:15:50.270 に答える