7

मैं ट्विटर से बूटस्ट्रैप पुस्तकालय की तरह है और मैं अपने साधारण पृष्ठ में इसे में इस्तेमाल करने की कोशिश करना चाहते हैं। पृष्ठ को लोड करने के बाद मुझे the modal window प्रदर्शित करने की आवश्यकता है। क्या कोई मुझे एक टिप दे सकता है, यह कैसे करना संभव है?Bootstrap.js - कैसे स्वचालित रूप से मोडल विंडो प्रदर्शित करने के लिए?

धन्यवाद।

उत्तर

9

अच्छी तरह से वह भी मुश्किल नहीं होना चाहिए ... कुछ इस तरह करते हैं:

jQuery(document).ready(function($) { 
    $('#my-modal').modal(options) 
}); 
+0

क्या उपलब्ध हैं विकल्पों में डालने के लिए जिम्मेदार बताते हैं? –

+0

कि के लिए, मेरे प्रिय @DivpreetSingh, मैं करने के लिए आप रीडायरेक्ट करना चाहते हैं [मैनुअल] (http://getbootstrap.com/javascript/#modals) – giorgio

2

इस मोडल लोड जब पेज तैयार है।

<body> 
    <div id="top"> 
     <a tabindex="-1" href="#" id="metadata-link" data-target="#modal" data-toggle="modal">Metadata</a> 
    </div> 

    <div id="modal" class="modal hide fade in" style="display:none;"> 
     <div class="modal-header">header<a class="close" data-dismiss="modal">x</a></div> 
     <div class="modal-body"></div> 
     <div class="modal-footer">footer</div> 
    </div> 

<script> 

    $(document).ready(function() { 
     $('#top').find('a').trigger('click'); 

    }); 
</script> 

सर्वश्रेष्ठ संबंध।

4

आपका मोडल ...

<div class="modal fade" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 

ulike खोला मोडल हैं ... का प्रयोग करें शैली = "प्रदर्शन: ब्लॉक," और वर्ग = "में मोडल फीका"

<div class="modal fade in" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: block;"> 
संबंधित मुद्दे