رفتن به مطلب

اضافه کردن تعدادی قابلیت به نسخه موبایل


پست های پیشنهاد شده

سلام

من یه وبسایتی دارم که ریسپانسیوه

نسخه صفحات وب در pc همه امکانات رو بدرستی و کامل نشون میده. در اصل یه منو سمت چپ سایت هست، که در ابزارک سایت میتونیم موارد دلخواه رو در اون قرار بدیم. اما در نسخه موبایل اون منو سمت چپ هست اما اون مواردی که در ابزارک به کار رفته نمیاد. چی کار کنم بنظرتون؟ خیلی واجبه.

اینم کدی از فایل js قالب که فکر کنم مربوط به صفحه موبایل باشه

  //Flickr Widget
    if (jQuery('.flickr_widget_wrapper').size() > 0) {
        jQuery('.flickr_badge_image a').each(function () {
            jQuery(this).append('<div class="flickr_fadder"></div>');
        });
    }

    //Main and Mobile Menu
    jQuery('.menu-item-has-children').children('a').click(function () {
        jQuery(this).next('ul').slideToggle(250);
        setTimeout("content_update()", 250);
        setTimeout("content_update()", 350);
    });
	
	//jQuery('.current-menu-parent').children('ul').slideDown(1);
	
    header.find('.header_wrapper').append('<a href="javascript:void(0)" class="menu_toggler"></a>');
    if (jQuery('.header_filter').size() > 0) {
        jQuery('.header_filter').before('<div class="mobile_menu_wrapper"><ul class="mobile_menu container"/></div>');
    } else {
        header.append('<div class="mobile_menu_wrapper"><ul class="mobile_menu container"/></div>');
    }
    jQuery('.mobile_menu').html(header.find('.menu').html());
    jQuery('.mobile_menu_wrapper').hide();
    jQuery('.menu_toggler').click(function () {
        jQuery('.mobile_menu_wrapper').slideToggle(300);
        jQuery('.main_header').toggleClass('opened');
    });
	if (jQuery('.site_wrapper').size() > 0) {
		setTimeout("jQuery('.site_wrapper').animate({'opacity' : '1'}, 500)", 500);
	} 
	if (jQuery('.fullscreen_block').size() > 0) {
		setTimeout("jQuery('.fullscreen_block').animate({'opacity' : '1'}, 500)", 500);
	}

    if (pp_block.size() > 0) {
        pp_center();
    }
});

jQuery(window).resize(function () {
    window_h = jQuery(window).height();
    window_w = jQuery(window).width();
    header_w = header.width() + parseInt(header.css('padding-left')) + parseInt(header.css('padding-right'));
    content_update();
});

jQuery(window).load(function () {
    content_update();
});

function content_update() {
    if (window_w > 760) {
        //site_wrapper.width(window_w - parseInt(body.css('padding-left')) - parseInt(body.css('padding-right'))).height(window_h - parseInt(body.css('padding-top')) - parseInt(body.css('padding-bottom')));

        if (body.hasClass('admin-bar')) {
            headerWrapper.css('min-height', window_h - parseInt(footer.css('padding-bottom')) - footer.height());
            headerScroll.height(window_h - parseInt(header.css('padding-top')) - parseInt(header.css('padding-bottom')));
        } else {
            headerWrapper.css('min-height', window_h - parseInt(footer.css('padding-bottom')) - footer.height());
            headerScroll.height(window_h - parseInt(header.css('padding-top')) - parseInt(header.css('padding-bottom')));
        }

        if (header.height() < header.find('.jspPane').height()) {
            header.addClass('hasScroll');
        } else {
            header.removeClass('hasScroll');
        }
    }
}

 

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

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



ورود به حساب کاربری
×
×
  • اضافه کردن...