Jak dynamicznie zmieniać rozmiar czcionki w ramach modów początkowych?

Question

stackoverflow.com zaoszczędziło mi wiele razy, ale tak naprawdę to pierwszy raz, kiedy opublikowałem pytanie. Z góry dziękuję za pomoc dla inteligentnych ludzi!

Próbuję użyć jquery-quickfit (https://github.com/chunksnbits/jquery-quickfit/blob/master/demo/index.html), aby automatycznie zmienić rozmiar fragmentu tekstu, który pojawia się w modach. Używam boostrap do obsługi modałów (http://twitter.github.com/bootstrap/javascript.html#modals).

W tej chwili tekst będzie poprawnie zmieniany tylko po otwarciu modala po zmianie rozmiaru okna. Kiedy się ładuje, tekst wydaje się mniejszy (nie jestem pewien, gdzie dziedziczy on ten początkowy rozmiar). Chciałbym, żeby javascript uruchomił się w momencie uruchomienia modala. Jestem pewien, że jest to oczywisty sposób na zrobienie tego, ale nie jestem wszystkim, który zna javascript.

ten sposób odpowiedni kod wygląda:

<button class="btn" data-toggle="modal" data-target="#my-modal">Open Modal</button> 

<div id="my-modal" class="modal hide fade row"> 
    <div class="modal-body"> 
    <div class="span3 modalicon"> 
     <i class="icon-image"></i> 
    </div> 
    <div class="span9" id="modaltextcontainer"> 
     <span class="modaltext">This is the content I want resized</span> 
    </div> 
    </div> 
</div> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script src="assets/js/bootstrap.js"></script> 
<script src="assets/js/jquery.quickfit.js"></script> 
<script type="text/javascript" charset="utf-8"> 
    $(function() { 
    $(window).on('resize', function() { 
     $('.modaltext').quickfit({ max: 40, min: 0, truncate: false });  

    }); 
    $(window).trigger('resize');  
    }); 
</script> 

<span id="meassure" style="position: absolute; left: -1000px; top: -1000px; font-size: 12px;">..........</span> 

zakładam muszę włączać bootstrap modalne pokazać wydarzenie w tym ostatnim kawałku javascript, po prostu nie może dowiedzieć się, jak to zrobić.

Bardzo dziękuję za pomoc!

Answer 1

Można powiązać Quickfit po pokażesz modal takiego:

$('#my-modal').on('show', function() { 
    $('.modaltext').quickfit({ max: 40, min: 0, truncate: false }); 
});