Hey Leute. Ich benutze ein bisschen jQuery, um eine Live-Sortierung meines Portfolios zu erstellen, wenn verschiedene Kategorien ausgewählt werden. Grundsätzlich entspricht das Skript dem Inhalt eines<li> Tag auf Klick (mein Menü) mit den Klassennamen anderer<li> -Tags an anderer Stelle auf der Seite. Das Ergebnis ist, dass die Portfolioelemente, die mit dem angeklickten Navigationselement übereinstimmen, den Rest anzeigen und ausblenden. Eine lebende Sorte. Ich möchte jedoch die Fähigkeit hinzufügen, einen Permalink hinzuzufügen, um die jquery zu aktivieren, um nach einem Hashtag am Ende zu sortieren. Zum Beispiel:work.html#category1 würde das Skript automatisch so einstellen, dass alles andere als Kategorie 1 ausgeblendet wird. Mein Skript und meine grundlegende Seiteneinrichtung sind unten aufgeführt. Jede Hilfe wäre sehr dankbar!

 <script>
    $(document).ready(function() {
        $('#worknavwrap p a').click(function() {
            $(this).css('outline','none');
            $('ul#worknavwrap .current').removeClass('current');
            $(this).parent().addClass('current');

            var filterVal = $(this).text().toLowerCase().replace(' ','_');

            if(filterVal == 'all') {
                $('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');
            } else {

                $('ul#portfolio li').each(function() {
                    if(!$(this).hasClass(filterVal)) {
                        $(this).fadeOut('normal').addClass('hidden');
                    } else {
                        $(this).fadeIn('slow').removeClass('hidden');
                    }
                });
            }

            return false;
        });
    });
    </script>
    <ul id="worknavwrap">
      <li><a href="#category1">Category 1</a></li>
      <li><a href="#category2">Category 2</a></li>
      <li><a href="#category3">Category 3</a></li>
    </ul>
    <ul id="portfolio">
      <li class="category1">Item 1</li>
      <li class="category1">Item 2</li>
      <li class="category2">Item 3</li>
      <li class="category1">Item 4</li>
      <li class="category3">Item 5</li>
      <li class="category3">Item 6</li>
      <li class="category2">Item 7</li>
      <li class="category1">Item 8</li>
    </ul>