Javascript jQuery禁用和加载移动设备的div

在前端使用一些JavaScript（特别是jQuery）开发ASP.NET应用程序。我有一些图标被加载到手机的一个div中，这些图标被“挤压”在一起。它们出现在屏幕上，但没有高度

我的解决方案是禁用div，可能会弹出一个小微调器，直到图标完全加载。我想在加载div后启用div并删除微调器，但是我没有成功地从jQuery div捕获“加载”事件。同样，我不知道如何在jQuery中禁用div并启动微调器（我使用了其他框架，它们都有这样做的方法）。在网上搜索之后，在最佳实践和jQuery目前可以做什么方面似乎存在差异。我们的项目是jquery3.2.1。目前，代码只是通过特定div的所有后代的递归循环，检查它们的高度是否大于0，然后重新调整它们的位置

所以我的问题是：如何等待jQuery 3.2.1中的div加载（或者是否可能）？如何禁用div并使其变灰？如何启动加载微调器

下面是我们的代码库，以查看重新对齐之前最初用于轮询高度的解决方案

以下是cshtml div的代码：

<div class="MyFavorites" style="position: relative;">
<h5 class="title-section">@Model.MyFavoriteTitle</h5>
@if (Model.MyFavoriteCustomizeLink != null)
{
    <a href="@Model.MyFavoriteCustomizeLink.Url" class="favorites-customize"><i class="fa fa-gear"></i></a>
}
<div class="row collapse panel favorites">
    <div class="row" data-equalizer>
        @if (Model.FavoriteLinks != null && Model.FavoriteLinks.Count() > 0)
        {
            foreach (var item in Model.FavoriteLinks.Where(link => !link.IsDeleted))
            {
                var url = (item.LinkUrl ?? String.Empty).Trim();
                var target = (item.LinkTarget ?? String.Empty).Trim();
                if (item != null && item.FavoriteIcon != null) //temporary fix for null issues
                {
                    var fi = item.FavoriteIcon;
                    <div class="column small-6 favorite-item" data-equalizer-watch>
                        <a href="@url" target="@target" class="item">
                            @if (fi != null && fi.FavoriteIconImage != null)
                            {
                                @RenderImage(item, o => o.FavoriteIcon.FavoriteIconImage, new { Class = "icon" }, isEditable: false);
                            }
                            <span>@item.FavoriteTitle</span>
                        </a>
                    </div>
                }
            }
        }
        else
        {
            <p class="column empty-list-message">@Html.Raw(UtilityHelpers.SafeRichTextHtml(Model.MyFavoriteListEmptyMessage_HomePage))</p>
        }
    </div>
</div>

@Model.MyFavoriteTitle
@if（Model.MyFavoriteCustomizeLink！=null）
{
}
@if（Model.FavoriteLinks！=null&&Model.FavoriteLinks.Count（）>0）
{
foreach（Model.FavoriteLinks.Where（link=>！link.IsDeleted）中的变量项）
{
var url=（item.LinkUrl？？String.Empty）.Trim（）；
var target=（item.LinkTarget？？String.Empty）.Trim（）；
if（item！=null&&item.FavoriteIcon！=null）//对null问题的临时修复
{
var fi=item.FavoriteIcon；
}
}
}
其他的
{
@Html.Raw（UtilityHelpers.SafeRichTextHtml（Model.myFavoriteListempMessage_主页））
}

下面是当前进行轮询的JavaScript代码：

function equalizeFavorites(attempts) {
        setTimeout(function () {
            jQuery('.favorite-item').css('min-height', 'auto');
            var fiheight = 0;
            jQuery('.favorite-item').each(function (i, el) {
                console.log("Element i: " + i + ", OuterHeight: " + jQuery(el).outerHeight() + ", Height: " + jQuery(el).height());
                fiheight = (jQuery(el).height() > fiheight) ? jQuery(el).outerHeight() : fiheight;
                fiheight = (fiheight > 200) ? 200 : fiheight;
            });
            jQuery('.favorite-item').css('min-height', fiheight);
            if (fiheight == 0) {
                //jQuery('.favorite-item').hide();
                attempts++;
                if (attempts < 5) { equalizeFavorites(attempts); }
            }
            else {
                //jQuery('.favorite-item').show();
            }
        }, 250);

    }

功能均衡器（尝试）{
setTimeout（函数（）{
jQuery（'.favorite item'）.css（'min-height'，'auto'）；
var-fiheight=0；
jQuery（'.favorite item'）。每个（函数（i，el）{
log（“元素i:+i+”，OuterHeight:+jQuery（el.OuterHeight（）+”，Height:+jQuery（el.Height（））；
fiheight=（jQuery（el）.height（）>fiheight）？jQuery（el）.outerHeight（）：fiheight；
fiheight=（fiheight>200）？200:fiheight；
});
jQuery（'.favorite item'）.css（'min-height'，fiheight）；
如果（fiheight==0）{
//jQuery（'.favorite item'）.hide（）；
尝试++；
如果（尝试次数<5）{1（尝试次数）；}
}
否则{
//jQuery（'.favorite item'）.show（）；
}
}, 250);
}