मैं के रूप में Jquery UI समझौते का उपयोग करने का प्रयास कर रहा हूंएक साइड नेविगेशन विकल्प। समस्या यह है कि मैं लोड (और उपयोगकर्ता द्वारा वांछित होने पर) को पूरी तरह से ध्वस्त कर दिया गया और कुछ पैनेल हेडरों पर सक्रिय लिंक रखने में असमर्थ हूं।
का उपयोग करते हुए जेकरी 1.6.2 और Jquery UI 1.8.16।
$(function() {
$( "#accordion" ).accordion({
active: false,
collapsible: true,
autoHeight: false,
});
});
<div id="accordion">
<h3><a href="http://link1.html">Outside Link 1</a></h3>
<div></div>
<h3><a href="http://link2.html">Outside Link 2</a></h3>
<div></div>
<h3><a href="http://link3.html">Outside Link 3</a></h3>
<div></div>
<h3><a href="#">More Info</a></h3>
<div class="subNav">
<ul>
<li><a href="pageLink1.html">Another Page 1</a></li>
<li><a href="pageLink2.html">Another Page 2</a></li>
<li><a href="pageLink3.html">Another Page 3</a></li>
</ul>
</div>
<h3><a href="http://link4.html">Outside Link 4</a></h3>
<div></div>
<h3><a href="#">More Info 2</a></h3>
<div class="subNav">
<ul>
<li><a href="pageLink4.html">Another Page 4</a></li>
<li><a href="pageLink5.html">Another Page 5</a></li>
<li><a href="pageLink6.html">Another Page 6</a></li>
</ul>
</div>
...etc
</div>
"बाहरी लिंक" को सीधे अन्य पृष्ठों से लिंक करना चाहिए। "अधिक जानकारी और अधिक जानकारी 2" को खोलना चाहिए ताकि उपयोगकर्ता क्रमशः "एक और पृष्ठ" चुन सके।
अगर मैं हेडर सेलेक्टर को बदल देता हूं (मैं इस तरह से "आउटसाइड लिंक्स" एक्सेस कर सकता हूं) पर लोड होने पर या अगर मैं क्लिक करता हूं तो मैं समझौते को समाप्त नहीं कर सकता। क्या मेरे खाली डीआईजी दोषी हो सकते हैं?
किसी भी मदद की सराहना की है। अग्रिम में धन्यवाद।
उत्तर:
जवाब के लिए 0 № 1आप भाग्य में हैं। किसी ने इसके लिए एक प्लगइन बनाया।
http://www.i-marco.nl/weblog/jquery-accordion-3/# यह काम करता है जैसे आप इसे चाहते हैं।