مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

baran123

عضویت از 1394/04/01

تنظیم ارتفاع div به صورت اتوماتیک

  • شنبه 23 دی 1396
  • 10:37
تشکر میکنم

با سلام من یک کد به صورت زیر دارم که با استفاده از دیتابیس محتوای مطالبم را داخل 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);
    });

پاسخ های این پرسش

تعداد پاسخ ها : 3 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • شنبه 23 دی 1396
  • 16:47

شما به دیو ها در css سک ارتفاع قابت بدید و در صورتی که محتوا بیشتر از ارتفاع بود میتونید scroll بدید بهش

کاربر سایت

baran123

عضویت از 1394/04/01

  • یکشنبه 24 دی 1396
  • 11:04

خیلی ممنون اما من نمیخواهم ارتفاع ثابت بدهم می خواهم اتوماتیک ارتفاع تنظیم گردد. این کد کار می کند اما با کلیک اول ابتدا div ها را ایجاد می کند و با کلیک دوم ارتفاع همه یکسان می شود.

دنبال راهی هستم که به جای اینکه دوبار روی لینک کلیک شود تا سایز همه یکسان شود در همان ابتدا ارتفاع همه یکی شود.

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • یکشنبه 24 دی 1396
  • 11:28

شما باید اسکریپت را جایی قرار دهید که بعد از ایجاد شده div ها اجرا بشه

من نمیدونم چطور div ها رو ایجاد میکنید

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)