Question

尝试使用.append将第二级（breadcrumb）添加到动态插入页面的标记中。

这是当前行为，当我点击菜单中的一个类型时，书籍出现在动态div中。然后显示“推荐”，然后显示1级跨度+类型名称。

当我点击子类型时，完全删除该类型，并使用“/”

添加子类型

所以不要看“推荐的流派/子类型”

我刚刚获得“推荐/子类型”

我认为这个功能正在消除它。你能给我的任何提示都会很棒。

$("#genreList a").click( function(event){
    $("#genreList a").removeClass('current');
    $(this).addClass('current');
    event.preventDefault();
    var self = $(this);

    if ( self.attr('data-link') !== undefined ) {
        slideGenreList(self.attr('data-link'), self.attr('data-title'), $('#' + self.attr('data-link')));
    }

    // Draw and display the selected genre or the regular page if all genres is selected
    if ( self.attr('data-link') == 'all_genres' ) {
        $('#genreContainer .dynamic').hide();
        $('#genreContainer .default').fadeIn();
        //$('.breadcrumb').html('Genres');

    }
    else {
        $('#genreContainer .default').hide();
        $('#genreContainer .dynamic').html( '<h3 class="no-margin-top breadcrumb">Recommended in' + ' <a href="' + self.attr('href') + '" class="button right">See All</a></h3><div class="genre no-margin-top" data-context="/genreList/' + self.attr('data-genreId') + '"></div>').fadeIn();
        if (self.parents('ul#all_genres').length > 0) {
                $('.breadcrumb .level1').remove();
                $('.breadcrumb').append('<span class="level1 black">  ' + self.attr('data-title') + '</span>');
            } else {
                $('.breadcrumb .level2').remove();
                $('.breadcrumb').append('<span class="level2 black"> / ' + self.attr('data-title') + '</span>');
            }

        // Rig any genre displays
        $('#genreContainer .dynamic').find(".genre").each( function(){
            new Genre(this);
        });
    }

});

Answer 1

.html（）删除div中的所有内容并将新内容写入接收div。

。追加添加内容。

因此使用append（）或prepend（）而不是HTML（）

试图追加html，但当我想添加“subgenre”时，功能会继续擦“流派”

1 个答案: