با سلام من یک کد به صورت زیر دارم که با استفاده از دیتابیس محتوای مطالبم را داخل div ها قرار دهد. سایز div ها با هم فرق دارد من میخواهم ارتفاع همه شان یکسان شود. تابع تنظیم ارتفاع را که می گذارم بعد از اینکه دوبار روی لینک کلیک کنم ارتفاع ها یکسان می شوند . من میخواهم زمانی که اطلاعات از دیتابیس خوانده میشوند ارتفاع همون اول دفعه تنظیم شوند بعد در صفحه نشان داده شود.
ممنون میشوم راهنمایی کنید.
var strMenu = '<div class="thumbnails">'; $.each(parents, function (i, p) { var parentParam = p.split(','); strMenu = strMenu + '<div class="column box">' + '<img src="themes/images/products/' + parentParam[4] + '"/>' + '<div class="caption"><h5>' + parentParam[2] + '</h5>' + '<p>' + parentParam[3] + '</p>' + '<h4 style="text-align: center"><a id="' + parentParam[0] + '" class="productHref btn btn-size productText" rel="' + parentParam[1] + '">ادامه مطلب</a></h4></div></div>'; }); strMenu = strMenu + '</div>'; $('#productsThumbnails').append(strMenu); $('.thumbnails').each(function () { var highestBox = 0; $('.column', this).each(function () { if ($(this).height() > highestBox) { highestBox = $(this).height(); } }); $('.column', this).height(highestBox); });
شما به دیو ها در css سک ارتفاع قابت بدید و در صورتی که محتوا بیشتر از ارتفاع بود میتونید scroll بدید بهش
خیلی ممنون اما من نمیخواهم ارتفاع ثابت بدهم می خواهم اتوماتیک ارتفاع تنظیم گردد. این کد کار می کند اما با کلیک اول ابتدا div ها را ایجاد می کند و با کلیک دوم ارتفاع همه یکسان می شود.
دنبال راهی هستم که به جای اینکه دوبار روی لینک کلیک شود تا سایز همه یکسان شود در همان ابتدا ارتفاع همه یکی شود.
شما باید اسکریپت را جایی قرار دهید که بعد از ایجاد شده div ها اجرا بشه
من نمیدونم چطور div ها رو ایجاد میکنید
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)