我正在尝试在每个第五面添加一个可点击的徽标。在所有其他幻灯片上,我不希望在常规帖子内容旁边显示任何内容。到目前为止,这是我的代码。到目前为止它一直有效,直到达到第5张幻灯片。在第5张幻灯片上出现徽标,它仍然保留在6号,7号等等。我希望它只出现在5日,10日,15日等等。我知道哪里出错了?
jQuery(document).bind('theiaPostSlider.changeSlide', function(event, slideIndex) {
var pad_count = tps_obj.pad_every_n_slides;
var slide_num = slideIndex + 1;
resultOfMod = slide_num % pad_count;
if (resultOfMod == 0) {
jQuery('.post-single-content').prepend('<a href="../index.html"><img src="../logo.jpg"></a>');
} else {
jQuery('.post-single-content').prepend('');
}
}
答案 0 :(得分:0)
当徽标更改为第6,11,16等时,您必须删除徽标,否则徽标将保留在那里并显示。
如果a
中有一个.post-single-content
元素,请使用:
替换
jQuery('.post-single-content').prepend('');
使用
jQuery('.post-single-content').remove('a');
如果a
中有两个或更多.post-single-content
元素,则需要使用以下内容指定要删除的元素:
替换
jQuery('.post-single-content').prepend('<a href="../index.html"><img src="../logo.jpg"></a>');
用
jQuery('.post-single-content').prepend('<a id="logo" href="../index.html"><img src="../logo.jpg"></a>');
和强>
替换
jQuery('.post-single-content').prepend('');
使用
jQuery('.post-single-content').remove('#logo');