Question

我正在使用新媒体广告系列（http://www.newmediacampaigns.com/page/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours）的可过滤投资组合脚本，在无序列表中使用普通链接时效果很好。我想在选择框中提供选项。有人能指出我正确的方向吗？

编辑：我想通过从像这样的选择框中选择选项来使用过滤器

<select id="someid">
  <option selected value="#All">All</option>            
  <option value="#Design">Design</option>      
  <option value="#Political">Political</option>
  <option value="#Business">Business</option>
</select>

Answer 1

您的change上有select个活动。在这个处理程序中，你需要调用与点击链接相同的例程！

但是：提升change - 事件是浏览器依赖的。一个人可能会立即称呼它，其他人则会模糊！

将这个想法与filterable docu：

结合起来

$(document).ready(function(){
 $('portfolio-list').filterable();
 $('#linkID').click(function(){
  $('portfolio-list').trigger('filter', [ '#jquery' ]);
 });
});

例如

var myFilterable = $('#myFilterable').filterable();
var mySelect = $('#mySelect');
mySelect.change(function() {
    var index = mySelect[0].selectedIndex;
    var element = mySelect[0].options[index];
    var tag = $(element).attr('value'); // jQuery variant
    //var tag = element.value; // html variant
    //var tag = $(element).val(); // should work either!
    // TODO: create an array with the variable value
    myFilterable.trigger('filter', /* array of tag(s) you want to show*/);
});

jquery可过滤的投资组合使用selectbox而不是普通的href

1 个答案: