0 
$(document).ready(function() {
    alert("hi");
    $('body #pagetop').css("height", "38px");
});

jquery が正しく読み込まれていることを確認したので、jquery コードに問題があります。「hi」がポップアップすることも、#pagetop 要素の css が変更されることもありません。ページが最初に読み込まれるときにこのコードを読み込むようにします。

4

2 に答える 2

3

使用してみてください:

jQuery(document).ready(function($) { 
    alert("hi");
    $('body #pagetop').css("height", "38px");
});

他のライブラリで jQuery を使用するためのガイドは次のとおりです: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

このコードを使用することもお勧めします (HTML5 ボイラープレートから):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="path/to/jquery-1.9.1.min.js"><\/script>')</script>

これにより、CND がダウンしている場合でも、jQuery のコピーが確実に読み込まれます。path/to/を jQuery のローカル コピーに置き換えるだけです。

注: これをローカルで実行している場合はhttp: 、Google CDN src に追加してください。

于 2013-05-09T21:56:31.630 に答える
1

おそらく、使用している他のライブラリによって $ 記号がオーバーライドされている可能性があります。$ が jQuery に属していることを確認するには、immediate-function を使用します。

(function($) {
    //...
})(jQuery);

競合する JS ライブラリを使用している場合は、メソッドjQuery.noConflict()についても覚えておいてください。

var jq = jQuery.noConflict();
jq(function() {
    alert("hi");
    jq('body #pagetop').css("height", "38px");
});

または以前と組み合わせて：

(function($) {
    $(function() {
        alert("hi");
        $('body #pagetop').css("height", "38px");
    });
})(jQuery.noConflict());
于 2013-05-09T22:04:45.310 に答える