Jquery 每次使用$（class）.loaded（）时，图像上的标题都会偏离位置；

我有一个缩略图像，悬停时它将转出标题

HTML

JS

$（函数（）{
$（“h2”）
.wrapInner（“”）
$（“h2 br”）
.在（“”）之前
.在（“”）之后；
});

---

我正在使用ajax加载3个不同的页面，所有页面都显示缩略图，这段代码在3个页面之间共享，但每次加载另一个页面时，我的标题位置都会关闭，加载的页面越多，关闭的次数就越多。有什么想法吗？

不看完整的代码很难看到。但每次JS运行时，都会用一个span来包装每个h2元素。然后，对于h2标记中的每个br标记，它会在其前后添加跨距

实现这一点的一个更可靠的方法是将标题放在适当的位置，并使用正确的CSS。但是字幕是隐藏的（

display:none；

）。然后您可以将数据加载到它们中，只需执行

$（“.caption”）.show（）ajax回调完成/成功时

祝你好运：）

<div class="img_thumb_holder float-l">
    <img class="img_thumb" src="image/image1.jpg" alt="portfolio">
    <h2 class="caption">jane<br />Featured Portfolio1</h2>
</div>

.caption{   
height:90px;
margin:0px;
margin-left:-30px;
}

.container .img_thumb_holder h2 span { 
    color: white; 
    font: bold 20px/30px Helvetica, Sans-Serif; 
    letter-spacing: -1px;  
    padding: 10px; 
}

.container .img_thumb_holder h2 span.spacer {
    padding:0 5px;
}

$(function() {
    $("h2")
    .wrapInner("<span>")
    $("h2 br")
    .before("<span class='spacer'>")
    .after("<span class='spacer'>");
});