javascript - 是否可以使我的tumblr主题根据标签显示默认的photoset或自定义滑块

我目前在tumblr（http://woothemes.com/flexslider）上的照片集上使用自定义滑块

我想知道当帖子标记为#set时是否有可能使我的主题显示默认的tumblr照片集（而不是自定义滑块）。我不介意是否还必须标记要使用自定义Slider使其显示的photoet帖子。

对我来说，这似乎很复杂，但是也许有使用javascript的解决方案。

谢谢



更新：我花了一些时间，并且设法在没有任何JavaScript的情况下解决了这个问题（它比我想象的要简单得多）


  .post .photo-slideshow {显示：无；}
  
  .post.set .flexslider {显示：无；}
  
  .post.set .photo-slideshow {显示：阻止！重要；}


我基本上把{block:Photoset}...{/block:Photoset}标记放在一起。当photoset被标记为#set时，flexslider代码和Pixel Union's custom photoset 代码都使用了上面的css来隐藏滑块。

我必须使用自定义的photoset脚本，因为它不适用于tumblr的默认photoset iframe。

最佳答案

同时显示和隐藏它们，似乎有些不客气。为什么不使用标签/正确选择器创建slider或photoset？

的HTML

/* Default - slider */
<div class="post">
  <ul class="photoset">...</ul>
</div>

/* Tagged `set` - photoset */
<div class="post set">
  <ul class="photoset">...</ul>
</div>

jQuery的

// Default, so create a slider.
$('.post:not(.set)').find('.photoset').pxuPhotoset({ ... });

// Tagged `set`, so create a photoset.
$('.post.set').find('.photoset').pxuPhotoset({ ... });