как отловить ширину #div после его заполнения html из AJAX ?

[greenwar]

приветы!

у меня есть такой AJAX:

$.ajax({
        type: 'GET',
        url: script +this_data,
        success: function (data) {ajaxRESULT(data);},
        error: function (response,exception) {E_alert('error'+this_data,response,exception);return false;}
});

после которого в ajaxRESULT() я гружу контент во всплывающее окно:

$('#FB_div').html(some_html_from_data);

и вот ВОПРОС: КАК и ГДЕ мне отловить ширину #FB_div с заполненными уже данными?? Например там таблица, а ширина блока всё-равно 0

пробовал в success И complete, предварительно проверял, что контент уже загружен в блок, но всё-равно $('#FB_div').innerWidth() == 0

ещё пробовал так:

$.ajax({...}).done(function(data) {alert($('#FB_div').innerWidth());});

что я делаю не так?
мне его например нужно отцентрировать, исходя из его размеров, или сместить куда-то, а я не могу

[рони]

greenwar,
а так?

alert($('#FB_div').html(some_html_from_data).show().innerWidth() );

[Dilettante_Pro]

Дык оно же и не меняется...

<style>
div {
   display:none;
   border:1px solid black;
   width:0px;
}
</style>
<div id='FB_div'></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$('#FB_div').html('<table><tr><td>some_html_from_data</td></tr></table>');
$('#FB_div').show();
alert($('#FB_div').innerWidth());
</script>

[greenwar]

блин
тогда как же ловить ширину загруженного контента то?
там у jquery есть плагин fancybox, в нём всё это ведь есть

[Dilettante_Pro]

greenwar,

тогда как же ловить ширину загруженного контента то

Загруженного - так загруженного

<style>
div {
   display:none;
   border:1px solid black;
   width:0px;
}
</style>
<div id='FB_div'></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$('#FB_div').html('<table><tr><td>some_html_from_data</td></tr></table>');
$('#FB_div').show();
alert($('table').innerWidth());
$('#FB_div').width($('table').outerWidth());
</script>

И адаптировать под него

Или строка 14 так

$('#FB_div').width($('#FB_div').children().outerWidth());

[рони]

greenwar,
вариант ...

<style>
div {
  display:none;
  border:1px solid black;
  width:0px;
}
</style>
<div id='FB_div'></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$('#FB_div').html('<table><tr><td>some_html_from_data</td></tr></table>');
$('#FB_div').show();
alert($('#FB_div')[0].scrollWidth);
</script>

[рони]

greenwar,
или так

<style>
div {
  display:none;
  border:1px solid black;
  width:0px;
}
</style>
<div id='FB_div'></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$('#FB_div').html('<table><tr><td>some_html_from_data</td></tr></table>');
$('#FB_div').show();
alert($('#FB_div>').outerWidth());
</script>

[Dilettante_Pro]

рони,

или так

И адаптировать!

<style>
div {
  display:none;
  border:1px solid black;
  width:0px;
}
</style>
<div id='FB_div'></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$('#FB_div').html('<table><tr><td>some_html_from_data</td></tr></table>');
$('#FB_div').show();
alert($('#FB_div>').outerWidth());
$('#FB_div').width($('#FB_div>').outerWidth());

</script>

Интересный селектор... '#FB_div>'

[рони]

Интересный селектор...

[greenwar]

я нашёл такое решение: сброс предыдущей установки так: .css('max-width','');
чтобы когда большое окно вылезло (например 90%), после него мелкое окно не грузилось снова в 90%...
И тогда встаёт по ширине контента, и всё бы хорошо, НО... это в лисе...
а в хроме - нет! В хроме он сук занимает всё что в defaults.css выдано для #FB_div, все 80%

вот если картинка в контент грузится, то норм он #FB_div обжимает прям по размеру картинки
а если таблица с данными, то тянет на всю ширину...

ну видимо буду там где html через аякс слать % для окна, а для картинок - нет