आइसोटोप फिल्टर एक और पेज

Question

मैं jQuery आइसोटोप पर काम कर रहा हूँ से लिंक करने के लिए और फिल्टर विधि एक ही पृष्ठ portfolio.html पर नीचे दिए गए का उपयोग कर बस ठीक काम करता है:

<li class="current"><a href="#" data-filter="*">all</a></li> 
<li><a href="#" data-filter=".design">design</a></li> 
<li><a href="#" data-filter=".coding">coding</a></li> 
<li><a href="#" data-filter=".logo">logo</a></li> 

मैं क्या हासिल करने की कोशिश कर रहा हूँ एक विशिष्ट श्रेणी से लिंक करना है ताकि मेरे उपयोगकर्ता अन्य पृष्ठों से फ़िल्टर की गई श्रेणी में आ सकें।

मैं निम्नलिखित जोड़ने विधि की कोशिश की, लेकिन यह काम नहीं किया:

<a href="portfolio.html#filter=logo" data-filter=".logo">logo</a> 

किसी को भी मेरी मदद कर सकते बाहर? श्रेणियों को प्री-फ़िल्टर करने के लिए कोई तरीका है?

Answer 1

आइसोटोप को कॉन्फ़िगर करने के बाद आपको क्वेरीस्ट्रिंग चर को पढ़ने की आवश्यकता है और उसके बाद मेल खाने वाले फ़िल्टर बटन पर क्लिक करें।

jsFiddle उदाहरण: http://jsfiddle.net/Y6vWn/

var filterFromQuerystring = getParameterByName('filter'); 
$('a[data-filter=".' + filterFromQuerystring + '"]').click(); 

Answer 2

Bill-

मैं अपने विधि की कोशिश की और यह काम करने के लिए नहीं कर पा रहे। क्या वे दो लाइनें जरूरी हैं?

<li><a href="entertainment.html">Entertainment</a> 
    <ul> 
     <li><a href="entertainment.html#party">Party bands, Show and Tribute bands</a></li> 
     <li><a href="entertainment.html#classical">Classical, Jazz, and Easy Listening</a></li> 
     <li><a href="entertainment.html#djs">DJs, Emcees, Variety, and Interactive</a></li> 
    </ul> 
</li> 

यहाँ मेरी फ़िल्टर के लिए कोड है (आईडी यहां इस्तेमाल नहीं किया जा रहा):

<div id="filters"> 
<ul class="option-set" data-option-key="filter"> 
    <li><a id="f-all" href="#filter" class="selected" data-option-value="*">All</a></li> 
    <li><a id="f-party" href="#filter" data-option-value=".party">Party Bands</a></li> 
    <li><a id="f-classical" href="#filter" data-option-value=".classical">Classical, Jazz, and Easy Listening</a></li> 
    <li><a id="f-djs" href="#filter" data-option-value=".djs">DJs and Emcees</a></li> 
</ul> 

यहाँ मेरी आइसोटोप पेज फ़िल्टर्ड के लिए लिंक के लिए मेनू HTML है

और यहां दी गई स्क्रिप्ट है जिसे मैंने फ़िल्टर किए गए पृष्ठ के अंत में रखा है:

<script type="text/javascript"> 
$(document).ready(function() { 
    var pathname = window.location; 
    alert(pathname.toString()); //testing purposes 
    if(pathname.toString().indexOf("party") != -1){ 
     alert('shit went through 9'); //testing purposes 

     var filterFromQuerystring = 'party'; // getParameterByName('filter'); 
     $('a[data-option-value=".' + filterFromQuerystring + '"]').click(); 
    } 
}); 

मेरा इरादा है कि यूआरएल में हैशटैग के बाद आने वाले पेज के आधार पर पृष्ठ एक अलग फ़िल्टर चुनने का इरादा रखता है। क्या इस बारे में जाने का कोई अच्छा तरीका है?