1

このサイトのjQueryを使用していますが、機能させるのに問題があります。

検証しようとすると、jQueryに含まれているdivでエラーがスローされますが、サンプルサイト内で実行すると問題ないようです。

<!-- Caption Wrap script  -->
<script type="text/javascript">
$(document).ready(function(){
    $("img.captionme").each(function(i){
        var captiontext = $(this).attr('title');
        $(this).wrap("<div class='imgpost'></div>");
        $(this).parent().append("<div class='thecaption'>" + captiontext + "</div>");
    });
});
</script>

スクリプトを外部ファイルに入れてみましたが、修正されていないようです。

サイトはここにあり、スクリプトは画像のキャプション（青いセクション）に関連していますが、ラップが機能していません。

http://www.haselden.co.uk/james/docs/

4

1 に答える 1

1

視覚的に問題があるのは、divのoverflow:auto;プロパティが原因です。#portfoliowrapper削除overflow: auto;または変更するだけoverflow:visible;で、正しく表示されます。

オーバーフローを変更するときは、フロートをクリアする必要があります。#portfoliowrapper閉じる直前にクリア（例： <br clear="all" />）を入れます。

バリデータの問題は、JavaScript がインラインであるためです。外部ファイルに埋め込むと、合格します。

于 2012-08-09T21:30:59.250 に答える