jquery - 在 jQuery 中

Question

我正在使用该站点上的一些 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/

Answer 1

从视觉上看，问题在于div的overflow:auto;属性。#portfoliowrapper只需删除overflow: auto;或更改为overflow:visible;，它将正确显示。

当您更改溢出时，您需要清除浮动。就在#portfoliowrapper关闭之前，插入一个清除（例如<br clear="all" />）。

验证器的问题是因为 JavaScript 是内联的。嵌入到外部文件中，它就会通过。