Question

我一直致力于响应式重新设计，并且我正在尝试减少布局转换以及在AddThis跟随按钮被{Modernizr跟随按钮插入后发生的无格式内容的闪现1}}查询。根据媒体查询，AddThis代码会插入ID为ss1或ss2的div中。（见previous solved question。）

AddThis支持建议我隐藏div直到呈现按钮。我是一个jQuery noob，但我在挖掘并认为我有一个使用.hide和.show的部分工作解决方案。

以下是来自main.js的相关摘录：

$('#ss1').hide();
$('#ss2').hide();
function initAddThis() {
    addthis.init();
}
function checkMq() {
    if (Modernizr.mq('only screen and (min-width: 1140px)')) {
    $('div#ss1').html('<div class="addthis_toolbox">[snip]</div>');
    $('div#ss1').append('<div style="clear:left">[google search box]</div>');
    $('div#ss2').html(' ');
    addthis.toolbox("#ss1");
    $('#ss1').show();
} else {
    $('div#ss2').html('<div class="addthis_toolbox">[snip]</div>');
    $('div#ss2').append('<div style="clear:left">[google search box]</div>');
    $('div#ss1').html(' ');
    addthis.toolbox("#ss2");
    $('#ss2').show();
    }
}
$(function () {
    initAddThis();
    checkMq();
    $(window).resize(function () {
        checkMq();
    });
});

尽管我首先隐藏ss1和ss2 div，但我仍然可以最初的FOUC。当我来回调整窗口大小时，它按计划工作。这只是有问题的初始负载。我假设渲染调用initAddThis();和.show中的jQuery checkMq();之间的时间可能太短了？

使用jQuery隐藏AddThis按钮，直到在响应式设计中呈现

0 个答案: