2010-02-04 26 views
0

選擇框,而不是我使用的是用在無序列表正常鏈接時,工作正常新媒體宣傳(http://www.newmediacampaigns.com/page/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours)的過濾組合腳本過濾組合。我想在選擇框中提供選項。任何人都可以將我指向正確的方向嗎?使用jQuery的正常HREF

編輯:我想通過從選擇框選擇像這樣

<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> 
+0

你想在一個選擇框提供哪些選擇?你的意思就像*設計/代理合作夥伴/政治*? – Natrium

+0

這正是我想要做的 – Taeke

+0

請定義* selectbox *多一點 – Natrium

回答

1

選擇使用的過濾器,你做對你select一個change -event。在這個處理程序中,你需要調用相同的例程,點擊鏈接!

但是:提高change -event是依賴於瀏覽器的。人們可以立即打電話給他人,當你模糊的時候也可以打電話!

結合了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*/); 
}); 
+0

謝謝,但我不能讓它工作.. working from我在最初的問題中提供的例子應該是數組看起來像myFilterable.trigger('filter',new Array('#all','#Design','#Political','#Business'));或不同? 我應該怎樣處理「// TODO ...獲取id/class並將其交給你的組件調用」 – Taeke

+0

看看我的更新:它(或文檔)告訴你數組應該是什麼樣子的! 'TODO'是例如。 'element.attr('id')' –

+0

乾杯安德烈亞斯! 將element.attr改爲var tag = $(element).attr('value'); 它的工作 – Taeke