यूआरएल और हैश

Question

के साथ बूटस्ट्रैप मोडल टॉगल करें मैं विशिष्ट बूटस्ट्रैप मोड को कॉल करने के लिए हैंश के साथ यूआरएल का उपयोग करना चाहता हूं। दूसरे शब्दों में, पृष्ठ 1 पृष्ठ पर होता है और पेज 2 # हैश और #hash मोडल लोड के लिंक पर क्लिक करता है जब पेज 2 लोड होता है। मैंने अन्य Q/As में जो पढ़ा है उसके आधार पर मैंने कई बदलावों की कोशिश की है, लेकिन कुछ भी काम नहीं किया है। मैं जेएस के साथ बिल्कुल अनुभव नहीं कर रहा हूं, इसलिए मैं कुछ मदद की सराहना करता हूं!

पृष्ठ 1 पर लिंक::

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true"> 
    ... 
</div> 

जावास्क्रिप्ट पृष्ठ 2 पर:

<script> 
    if(window.location.hash) { 
    var hash = window.location.hash; 
    $("'" + hash + "'").modal('toggle'); 
    } 
</script> 

पृष्ठ 2 पर <a href="/page2#myModal>

एचटीएमएल

यहाँ मैं क्या है हैसंयोग से, <a href="#" data-toggle="modal" data-target="#myModal"> उपयोगकर्ता वास्तव में पेज 2 पर मोडल को कॉल करने के लिए ठीक काम करता है।

Answer 1

आप अपने चयनकर्ता के एकल उद्धरण जोड़ रहे हैं, चयनकर्ताओं उद्धरण चिह्नों का उपयोग नहीं करते हैं:

$("'" + hash + "'").modal('toggle'); 

$(hash).modal('toggle'); 

इसके अलावा, आप इंतजार कर नहीं किया जा सकता होना चाहिए डोम के लिए उपयोग करने के लिए तैयार होने के लिए । यदि आपके पास पृष्ठ के निचले हिस्से में उस स्क्रिप्ट नहीं है या कम से कम जहां आपका मोडल HTML है, तो यह नहीं मिलेगा क्योंकि यह अभी तक नहीं बनाया गया है।

<script> 
    //shortcut for $(document).ready 
    $(function(){ 
     if(window.location.hash) { 
      var hash = window.location.hash; 
      $(hash).modal('toggle'); 
     } 
    }); 
</script>