2012-08-23 16 views
11

मैंने ट्विटर बूटस्ट्रैप मोडल को एकीकृत करने की कोशिश की लेकिन किसी कारण से यह काम नहीं करता है।ट्विटर बूटस्ट्रैप 2.1 - मॉडल ठीक से काम नहीं कर रहा है

समस्या यह है कि पेज लोड होने पर मोडल दिखाया जाता है।

मैं अपने <head>

<script type="text/javascript"> 
    $('#myModal').modal({show: false,keyboard: false}); 
    </script> 

में यह लिखा लेकिन कोई प्रभाव नहीं होता।

कोड मैं प्रयोग किया है: (http://twitter.github.com/bootstrap/javascript.html#modals)

<-- Button to trigger modal --> 
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 

<-- Modal --> 
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
    </div> 
</div> 

यह renders सीधे के बाद पृष्ठ के लोड होते है, यह गायब हो जाता है अगर मैं मोडल बटन दबाएं, और 2 बार ऐसा लगता है लेकिन पूरे पेज darkend है (यहां तक ​​कि मोडल ही अंधेरा है)

किसी को भी एक ही समस्या का सामना करना पड़ा?

मैंने इसे अपनेोकू में धक्का दिया ताकि आप समस्या देख सकें। http://elobeast.com/ (ऊपरी दाएं कोने "लॉन्च डेमो मोडल")

उत्तर

14

आप जब तक यह कहा जाता है अपने मोडल इसे छिपाने के लिए के मुख्य कंटेनर के लिए वर्ग .hide जोड़ने की जरूरत है।

+0

धन्यवाद यह तय है :) –

संबंधित मुद्दे