Erhalten Breite des Elements mit jquery wenn border-Box

Question

So verwenden bei der Verwendung von border-Box gibt es keine tatsächliche Breite Eigenschaft, also kann ich es nicht durchkommen:

$("#my_id").width() 

noch

.outerWidth() 

noch irgendetwas anderes Meine Vermutungen sind, dass es durch Pixel berechnet werden muss, weiß ich nicht, scheint zu kompliziert, es muss einen einfacheren Weg geben.

Danke!

P.S. - Verwendung von Bootstrap -. Mit jQuery (? Offensichtlich rechts)

Answer 1

Diese Demo Regel darauf hin, dass jQuery nicht Breite nicht geben. Es gibt.

$(document).ready(function(){ 
 

 
var beforeBorderBox = $('.holly-molly').outerWidth(); 
 
$('.holly-molly').append('<p>beforeBorderBox:'+ beforeBorderBox + '</p>'); 
 
var afterBorderBox = $('.holly-molly').css('box-sizing', 'border-box').outerWidth(); 
 

 
$('.holly-molly').append('<p>afterBorderBox:'+ afterBorderBox + '</p>'); 
 

 
});

.holly-molly { 
 
    background: tomato; 
 
    min-height: 80px; 
 
    text-align: center; 
 
    color: #fff; 
 
    padding: 10px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="holly-molly"> 
 
    <span>Holly Molly</span> 
 
</div>

Answer 2

Wir sollten mit dem tatsächlichen Elemente erhalten, indem $ ("# my_id") unter Verwendung von Breite(). Wenn Sie auch das Padding einschließen möchten (ohne Rahmen), können Sie $ ("# my_id") verwenden. InnerWidth(). Wenn auch Sie enthalten Marge wollen, dann können Sie $ (# my_id ') verwenden. Outer (true))