jquery - jQuery 中的 <div>

标签 jquery css

<分区>

我正在使用来自 this site 的一些 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/

最佳答案

从视觉上看,问题是因为 overflow:auto; #portfoliowrapper 的属性(property)分区只需删除 overflow: auto;或更改为 overflow:visible;它将正确显示。

当你改变溢出时,你需要清除你的 float 。就在 #portfoliowrapper 之前关闭,插入一个清除(例如 <br clear="all" /> )。

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

关于jquery - jQuery 中的 <div>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11892106/

相关文章:

jquery - 将插件/事件绑定(bind)到动态加载的元素

jquery - 使用 Jquery 和 Jinja2 在每个元素的循环内提供 onclick 事件

jquery - 使用 jquery 对多个选择下拉选项进行排序

iphone - iPhone/iPad 上的悬停问题

jquery - 应用 jquery 模态掩码

jquery - 从 jQuery 到 CherryPy 的 DELETE 请求不发送参数

html - 水平滚动 div 中 float 元素后的空白

html - textarea 问题与里面的格式化文本

css - 使用 CSS 裁剪图像的前 10%?

html - 画廊的水平滚动条