मैंने "bootstrap.js" डाउनलोड किया है, और अपनी संपत्ति / जावास्क्रिप्ट निर्देशिका में डाल दिया है और मैंने इसे अपने रेल दृश्य में डाल दिया है:
new.html.erb
<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>
जो ट्विटर में ठीक उसी तरह का कोड हैमार्गदर्शक। जब मैं पृष्ठ को फिर से लोड करता हूं तो मोडल होता है, और सभी काम नहीं करता है, और जब मैं बटन दबाता हूं तो कोई एनीमेशन नहीं दिखाया जाता है, मोडल बस पॉप अप करता है! इसे काम करने के लिए कोई सुझाव?
यह भी कि मैं जेएस कोड को इस तरह से कहां रखूं?
$("#myModal").modal("toggle")
उत्तर:
जवाब के लिए 0 № 1अपनी जाँच /assets/javascripts/application.js
.
क्या इसमें यह रेखा शामिल है?
//= require_tree .
या बूस्टर के लिए आवश्यक कोई भी रेखा।
जवाब के लिए 0 № 2
शामिल twitter-bootstrap-rails
तथा jquery-rails
अपने रत्न में रत्न:
gem "twitter-bootstrap-rails"
gem "jquery-rails"
फिर भागो:
bundle install
फिर भागो:
rails generate bootstrap:install
यह ध्यान रखना चाहिए कि बूटस्ट्रैप और jQuery को कहां लोड करना है। अपने स्वयं के जावास्क्रिप्ट कोड के लिए इसे अंदर डालें filename.js
में /assets/javascripts/