Question

我想在wordpress中使用this answer自定义标准模板播放列表，我可以：我在模板上添加了一个字段说明。

<script type="text/html" id="tmpl-wp-playlist-current-item">
    <# if ( data.image ) { #>
    <img src="{{ data.thumb.src }}"/>
    <# } #>
    <div class="wp-playlist-caption">
            <span class="wp-playlist-item-meta wp-playlist-item-title">&#8220;{{ data.title }}&#8221;</span>
            <# if ( data.meta.album ) { #><span class="wp-playlist-item-meta wp-playlist-item-album">{{ data.meta.album }}</span><# } #>
            <# if ( data.meta.artist ) { #><span class="wp-playlist-item-meta wp-playlist-item-artist">{{ data.meta.artist }}</span><# } #>
            <# if ( data.description ) { #><a class="wp-playlist-item-meta wp-playlist-item-description">Song text</a><# } #>
    </div>
    **<# if ( data.description ) { #>
        <div class="wp-playlist-item-description-text">{{ data.description }}</div>
    <# } #>**
</script>

我用这个div应用了一些css样式：

.wp-playlist-item-description-text {
    position: absolute;
    width: 350px;
    z-index: 1;
    background: #FFF;
    padding: 10px;
    margin-left: 20px;
    border: 1px solid #eee;
    height: auto !important;
}

我明白了：

my output playlist

但我无法将一些jQuery脚本应用于我的代码和我的标签。我希望可以通过点击显示/隐藏这个元素，但Crome说我，无法找到它：选择器找到零元素。

jQuery(function ($) {
    $(".wp-playlist-item-description").click(function(){
      $('.wp-playlist-item-description-text').slideToggle();
    });
});

你能帮我吗，伙计们？

不要在播放列表模板wordpress

0 个答案: