Jquery 将过滤器添加到媒体库

我正在我的网站中使用此媒体库： 它在我的Wordpress安装中没有问题，但我想添加一个下拉列表，将媒体过滤到单独的“库”中。我认为最好的方法是在XML中添加一个名为“gallery”的附加属性，然后为每个媒体项赋予相同的名称。我正试图让它正常工作，我修改了主mediagallery.js，将“gallery”属性分配给id标签（尽管出于某种原因，分配所有id都是相同的，即使在我通过firebug检查时数据解析正确，我目前正在处理此问题）。下面是一些代码，但我的第一个问题是，这似乎是最好的方法吗

这是我添加到主页（Wordpress模板）的下拉列表和javascript：

$（窗口）.load（函数（）{
$（'.media_wrapper'）.hide（）；
$（“#下拉列表”）.change（函数（）{
$（'.media_wrapper'）.hide（）；
$（'#'+$（this.val（））&&&$（'.media_包装器'）
.css（'display'，'block'）；
});
});
选择
日落
山

我喜欢回答自己的问题

无论如何，为了防止其他人想向该媒体库添加过滤器，您可以向xml文件添加一个属性，确保它位于xsl文件中，然后最终获取该属性并将其作为类添加到每个媒体库项的li中。然后简单地隐藏和显示李与该类和瞧你有一个画廊过滤器

        $(window).load(function() {
            $('.media_wrapper').hide();
  $('#dropdown').change(function() {
   $('.media_wrapper').hide();
$('#' + $(this).val()) && $('.media_wrapper')
.css('display','block');
  });
});

<form>
 <select id="dropdown" name="dropdown">
  <option value="0">Choose</option>
  <option value="sunsets">Sunsets</option>
  <option value="mountains">Mountains</option>
 </select>
</form>