Заголовок jQuery приводит к пустому содержимому

Question

Я знаю, это звучит странно. Но я использую плагин jQuery Cycle с сайтом WordPress, чтобы добавить пользовательский тип поста в качестве изображения баннера с контентом. Для нумерации страниц я хочу, чтобы заголовок поста был текстом ссылки, а не вашим стандартным "1 2 3 4 ..." и т. Д.

Мне удалось выяснить, как это сделать, но теперь у меня есть новая забавная проблема. Когда я извлекаю заголовок сообщения и вставляю его в ссылку на страницы, содержимое моего сообщения исчезает. Казалось бы, jQuery захватывает то, что находит, удаляет его и выскакивает искомые элементы в кнопку ссылки. Что странно.

В любом случае, кто-нибудь знает, как это исправить? Это мой код jQuery:

jQuery(document).ready(function ($) {
            $('#slideshow div.slide:first').fadeIn(1000, function() {
                $('#slideshow').after('<div id="pagination"><div id="page_inner"><ul>').cycle({
                    fx: 'scrollHorz',
                    speed: 500,
                    timeout: 0,
                    pager: '#pagination #page_inner ul',
                    pagerAnchorBuilder: function(idx, slide) { 
                        $('.slide_caption', slide).children('h3');
                        //alert($(slide).text());
                        return '<li><a href="#">' + $(slide).text() + '</a></li>';
                    }
                });
            });
        });

По сути, я хочу, чтобы jQuery посмотрел в div slide_caption, нашел первый тег <h3>, скопировал этот текст и вставил его для текста кнопки ссылки. Он находит его и делает это с помощью приведенного выше кода - но при этом он также удаляет весь контент в div slide_content. и теперь вместо этого он вытягивает весь контент поста в кнопку. только тега <h3>.

Буду признателен за любую помощь! Спасибо:)

Answer 1

Похоже, вы не захватываете text() H3 и вместо этого вытаскиваете из слайда все text().

pagerAnchorBuilder: function(idx, slide) { 
    return '<li><a href="#">' + $(slide).find('.slide_caption h3').text() + '</a></li>';
}

против

pagerAnchorBuilder: function(idx, slide) { 
    $('.slide_caption', slide).children('h3'); // You're not doing anything with this
    //alert($(slide).text());
    // $(slide).text() => complete text from your slide parameter
    return '<li><a href="#">' + $(slide).text() + '</a></li>';
}