Question

我正在尝试在每个第五面添加一个可点击的徽标。在所有其他幻灯片上，我不希望在常规帖子内容旁边显示任何内容。到目前为止，这是我的代码。到目前为止它一直有效，直到达到第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('');
    }
}

Answer 1

当徽标更改为第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');

jQuery追加并删除追加

1 个答案: