Galleriffic плагин дополнительные пробелы
Я использую плагин 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, '');
});
но не повезло, может кто-нибудь выяснить, как бы я удалить это?
Спасибо
1 ответ
Решение
Взглянул на плагин.
// 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)
и посмотреть, если это не решит вашу проблему.