6
के अंदर ठीक से प्रदर्शित करने के लिए कैसे प्राप्त करूं मैं फ़ॉन्टपिकर का उपयोग कर रहा हूं here। मैंने इसे एक मॉडल के अंदर रखा और यह ठीक काम किया। अब, मैंने मोडल के अंदर टैब नेविगेशन रखा है और फ़ॉन्टपिकर ठीक से प्रदर्शित नहीं होता है। (पहले मोडल के लिए बटन टूटा हुआ है। दूसरा मोडल का बटन एक ही चीज़ का एक उदाहरण है, लेकिन टैबड नेविगेशन को बाहर/बाहर।)मैं इस फ़ॉन्टपिकर को बूटस्ट्रैप मोडल w/एक टैब
मैंने शैली = "ओवरफ्लो-वाई: दृश्यमान सेट किया है ; अधिकतम ऊंचाई: 500 पीएक्स; " दोनों मामलों में।
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<script>
$(document).ready(function(){
$('select#fonts1').fontSelector({});
$('select#fonts2').fontSelector({});
});
</script>
</head>
<body>
<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Fontpicker w/ modal and tabbed</a>
<a href="#myModal2" role="button" class="btn" data-toggle="modal">Fontpicker w/out the tabbed navigation</a>
<!-- Modal -->
<div id="myModal" class="modal hide fade" 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" style="overflow-y:visible; max-height:500px;">
<ul class="nav nav-tabs">
<li><a href="#tab1" data-toggle="tab">Tab 1</a></li>
</ul>
<div class="tab-content">
<div id="tab1" class="tab-pane" style="overflow-y:visible; max-height:500px;">
<select id="fonts2">
<option value="Chelsea Market">Chelsea Market</option>
<option value="Droid Serif" selected="selected">Droid Serif</option>
<option value="Ruluko">Ruluko</option>
<option value="Ruda">Ruda</option>
<option value="Magra">Magra</option>
<option value="Esteban">Esteban</option>
<option value="Lora">Lora</option>
<option value="Jura">Jura</option>
</select>
</div>
</div>
</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>
<!-- Modal -->
<div id="myModal2" class="modal hide fade" 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" style="overflow-y:visible; max-height:500px;">
<select id="fonts1">
<option value="Chelsea Market">Chelsea Market</option>
<option value="Droid Serif" selected="selected">Droid Serif</option>
<option value="Ruluko">Ruluko</option>
<option value="Ruda">Ruda</option>
<option value="Magra">Magra</option>
<option value="Esteban">Esteban</option>
<option value="Lora">Lora</option>
<option value="Jura">Jura</option>
</select>
</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>
</body>
</html>
जेड-इंडेक्स को सेट करना प्रतीत होता है –
मुझे आश्चर्य नहीं है कि किसी के पास कोई जवाब नहीं है –
यह प्रश्न संभवतः रडार के नीचे चला गया क्योंकि यह इस साइट पर एक गैर-पीक घंटे पर पोस्ट किया गया था। –