1

このページを事前にフィルタリングして、「アプリケーション」のみを表示する方法はありますか?

たとえば、 http://razorjack.net/quicksand/demos/one-set-clone.html#appにアクセスすると、「アプリケーション」が表示されます。これは可能ですか？

一部の人々をグーグルで検索すると、これが役立つと言われています：

if(window.location.hash) {
                // run code here to filter the quicksand set
                var $filteredData = $data.find('li[data-type=' + window.location.hash + ']');
                $applications.quicksand($filteredData, {
                    duration: 800
                });
            }

しかし、どこで使用するのかわかりません。

ここで助けてくれてありがとう-本当に立ち往生しています。

4

1 に答える 1

2 
$(document).ready(function(){
   //on page load, we check to see if a hash value exists.
   if(window.location.hash) {
       // run code here to filter the quicksand set
       var $filteredData = $data.find('li[data-type=' + window.location.hash + ']');
       $applications.quicksand($filteredData, {
           duration: 800
       });
   }else{
       // the page does not have a hash value. deliver normal content.
       $applications.quicksand('Your Normal Data Here', {
           duration: 800
       });
   }
});

このコードは、ページが準備された後にのみ実行されます。ハッシュ値が存在するかどうかを確認します。もしそうなら、それはデータをフィルタリングしliて、 を持つ要素にしますdata type equal to the hash value。次に、それに応じてデータをフィルタリングするための流砂を準備します。ハッシュ値が存在しない場合は、通常どおり流砂を読み込みます。セレクターに対して何をしているのかわかりませんので、'Your Normal Data Here'使用するデータフィルターに置き換えてください。

例に従って、彼らはあなたが次のような構造を持つことを期待していることに注意してください<li>->

<li data-type="data1"> //stuff </li>

data1フィルタリングの目的で期待されるハッシュ値はどこにあるでしょう。

于 2012-09-24T19:25:14.627 に答える