javascript - jQuery Dynamic Page Loading wont work, not sure why any ideas? -

यहां लाइव डेमो & lt; -

  $ (function () {var url = $ (यह) .attr ("href"); $ ("एवल")। प्रतिनिधि ("एक", "क्लिक करें", फ़ंक्शन (इवेंट) {event.preventDefault (); window.location.hash = $ (this) एडीआर ('एआरआर'); $ ("# मुख्य")। स्लाइडअप ('धीमी', फ़ंक्शन () {$ ("# मुख्य")। लोड (यूआरएल + "# मेन", फ़ंक्शन () {$ ("# मुख्य ")। स्लाइडडाउन ('धीमी');});});}); $ (विंडो) .बिंड ('हैश परिवर्त', फ़ंक्शन () {newHash = window.location.hash.substring (1);}) ; $ (खिड़की) .ट्रिगर ('हैशchange');});  

क्या किसी के पास कोई विचार है?

यह पंक्ति: < / P> <पूर्व> var url = $ (this) .attr ("href");

को क्लिक हैंडलर के अंदर स्थानांतरित किया जाना चाहिए:

  $ ("nav")। प्रतिनिधि ("a", "click", फ़ंक्शन (ईवेंट) {Var url = $ (this) .attr ("href"); event.preventDefault ();  

चूंकि आप क्लिक एंकर के href के आधार पर सामग्री लोड कर रहे हैं।

संपादित करें: या क्या आप वर्तमान यूआरएल पाने का इरादा रखते हैं?

  var url = window.location.href;  

?