我正在使用jquery Galleriffic插件,这是脚本生成的代码的一部分:
<div id="slideshow" class="slideshow">
<span class="image-wrapper current" style="opacity: 1; ">
<a class="advance-link" rel="history" href="#2" title="Title #0">
<img alt="Title #0" src="images/products/Classic.jpg"></a></span></div>
img标签之前的这个空间导致图像显示在错误的位置,我不知道为什么脚本会产生这样的空间,但我想我应该删除空间。
我尝试了以下代码,但它没有用。
$('a.advance-link').text( $('a.advance-link').text().replace(/\s+/g, "") );
我也试过这个
$('a.advance-link:contains(" ")').html(function(i, h) {
return h.replace(/\s+/g, '');
});
但没有运气,有人可以弄清楚我该如何删除它?
由于
答案 0 :(得分:0)
看一下这个插件。
// Construct new hidden span for the image
var newSlide = this.$imageContainer
.append('<span class="image-wrapper current"><a class="advance-link" rel="history" href="#'+this.data[nextIndex].hash+'" title="'+imageData.title+'"> </a></span>')
.find('span.current').css('opacity', '0');
newSlide.find('a')
.append(imageData.image)
.click(function(e) {
gallery.clickHandler(e, this);
});
你会注意到它首先构造你正在谈论的字符串,然后它将imageData附加到锚点。结果是
标记永远不会被替换。您可以尝试将.append(imageData.image)
更改为.html(imageData.image)
,看看是否无法解决您的问题。