केवल यूआरएल के कुछ पैरामीटर

Question

बूटस्ट्रैप मोडल दिखाएं क्या पैरामीटर के लिए यूआरएल का मूल्यांकन करने और स्वचालित रूप से मोडल खोलने के लिए बूटस्ट्रैप की मोडल कार्यक्षमता का उपयोग करने का कोई तरीका है?

उदाहरण के लिए: यूआरएल के साथ साइट के लिए

आगंतुक: example.com मोडल नहीं दिख रहा। वे सिर्फ नियमित साइट देखते हैं।

यूआरएल example.com?offer=1234 या example.com/offer1234 के साथ साइट पर आगंतुक नियमित example.com साइट देखते हैं, लेकिन पेज लोड होने पर शीर्ष पर एक विशेष मोडल के साथ।

ऐसा करने के किसी भी तरीके से पता नहीं लगा सकता है।

Answer 1

हाँ, निश्चित रूप से यह संभव ही कुछ जावा स्क्रिप्ट कोड चलाकर है URL की जाँच कर सकते हैं अगर क्वेरी स्ट्रिंग (प्रस्ताव = 1234) या यूआरएल (/ ऑफर 1234) मिलान किया गया।

सम्मिलित इस जावास्क्रिप्ट कोड कहीं div के बाद जहां अपने मॉडल घोषित किया जाता है, आम तौर पर सबसे अच्छा आपके समाप्त होने </body> टैग से पहले बस में जोड़ने के लिए:

<script type="text/javascript"> 
var url = window.location.href; 
if(url.indexOf('?offer=1234') != -1 || url.IndexOf('/offer1234') != -1) { 
    $('#myModal').modal('show'); 
} 
</script> 

आप अगर बयान जैसे आप चाहें ठीक कर सकते हैं, केवल एक बयान को बाहर डबल पाइप प्रतीकों के दोनों ओर || (OR) यदि आप केवल उन यूआरएल पैटर्नों में से एक का परीक्षण करना चाहते हैं, और जहां myModal प्रदर्शित करने के लिए अपनी मोडल सामग्री के साथ एक div को परिभाषित करता है (उदाहरण के लिए <div id="myModal"></div>)।

अधिक विकल्प और दिशानिर्देशों के लिए दस्तावेज़ देखें। http://getbootstrap.com/javascript/#modals-options

अद्यतन मैं भी एक साथ आप प्रदर्शन करने के लिए एक काम Plunker डाल दिया है: http://run.plnkr.co/yEBML6nxvxKDf0YC/?offer=1234

Answer 2

आप अगर यह "प्रस्ताव" है या छिपाने के लिए नहीं/दिखाने मोडल

var hasParam = window.location.href.indexOf('offer'); 

if(hasParam) { 
    $('#aModal').show(); 
} else { 
    $('#aModal').hide(); 
} 

<div id="aModal" class="modal"> </div>