select - ハッシュ履歴統合による同位体ドロップダウン選択フィルタリング

Question

同位体ドロップダウンをハッシュ履歴と統合する方法を誰か教えてもらえますか?

ありがとう！

解決策を見つけました！これが必要な人のためのコードです！

HTMLは次のとおりです。

<nav id="filterGroup" class="clearfix">

   <select id="projects" class="filter option-set clearfix" data-filter-group="proyectos" onchange="selectProject()">
          <option data-filter-value="*" selected="selected">todos</option>  
          <option data-filter-value=".laywers">laywers</option>  
          <option data-filter-value=".computers">computers</option>  
          <option data-filter-value=".construction">construction</option>  
          <option data-filter-value=".consultants">consultants</option>                                      
    </select>

</nav> <!-- nav -->

同位体ドロップダウン コード:

$(function() {
    var $container = $('#container'),
        $select = $('nav#filterGroup select');
    filters = {};

    $container.isotope({
        itemSelector: '.element'
    });
        $select.change(function() {
        var $this = $(this);

        var $optionSet = $this;
        var group = $optionSet.attr('data-filter-group');
    filters[group] = $this.find('option:selected').attr('data-filter-value');

        var isoFilters = [];
        for (var prop in filters) {
            isoFilters.push(filters[prop])
        }
        var selector = isoFilters.join('');

        $container.isotope({
            filter: selector
        });

        return false;
    });

});

最後に、値の名前を変更するコードを追加します。

    function selectProject(){
    var projects = document.getElementById('projects');
    var selectedProject = projects.options[projects.selectedIndex];
    if (selectedProject.value != "*"){
            window.location.hash = selectedProject.value;
    }
}

チェックアウト！できます！