小编Sco*_*ots的帖子

我正在合并使用YouTube iFrame API和通过defer设置了标志的脚本标记加载的jQuery .必须设置延迟标记,因为客户端具有完美的Google页面洞察分数,并希望保持该分数.

YouTube API在完全加载并可以使用后,immediatley调用我定义的功能onYouTubeIframeAPIReady.然后它会调用onPlayerReady播放器完全加载和渲染.

我希望在这个函数中使用jQuery,但只是在onPlayerReady函数中使用jQuery将创建一个竞争条件(希望jQuery库在onPlayerReady被调用时已完成加载).

它发生在我身上一个可行的解决方案是使用onPlayerReady函数在调用一个测试播放器和jQuery的函数之前设置一个变量.另一个函数在jQuery准备就绪时设置一个变量,并调用相同的测试函数.

我有一些代码可以工作,但检查jQuery的部分对我来说似乎很乱,并且还引入了少量额外的不必要的延迟.我想知道是否有人知道更好的方式来运行即时jQuery变得可用的东西.基本上,jQuery的回调是否可以内置到库中？

我目前的代码如下:

var ready = {
    'jquery': false,
    'youtube' false
},
testJQueryLoaded;

testJQueryLoaded = function() {
    if(typeof jQuery == 'undefined') {
        window.setTimeout(function() {
            testJQueryLoaded();
        }, 25);
        return;
    }

    ready.jquery = true;
    postLibraryLoad();
};

testJQueryLoaded();

function onYouTubeIframeAPIReady() {
    // Stuff
};

function onPlayerReady() {
    ready.youtube = true;
    postLibraryLoad();
};

function postLibraryLoad() {
    if(!ready.jquery || !ready.youtube) {
        return;
    }

    // More stuff
};

如何从每个用户获取最新的自定义帖子？

$args = array(  'post_type'      => 'userdatax', 
                'post_status'    => 'publish', 
                'orderby'        => 'post_date',
                'order'          => 'DESC',    
                'posts_per_page' => 999999 );  

$query_res = new WP_Query($args);

我会先说这个问题,我之前已经问过这个问题,但我能找到的所有答案似乎都引用了一个不再有效的过时解决方案(至少在Firefox 56 [64位]中)

过时的方法是曾经有一个自动实例化的CSS计数器命名pages,所以从这个SASS生成一小段CSS:

footer {
    position: fixed;
    bottom: 0;
    left: 20px;

    &:after {
        counter-increment: page;
        content: "Page " counter(page) " of " counter(pages);
    }
}

习惯做我想做的事.现在它显示"Page [x]为0".

我已经尝试使用这个CSS来重新创建我自己的max-page计数器:

@page {
    counter-increment: maxpage;
}

但是,当在我的页脚中使用时,这也会返回0.

是否有任何合理的跨浏览器友好方式来获得此功能？

从我在谷歌搜索中发现的内容来看，我猜我不会得到肯定的答案，但是嘿，也许你们中的一个人知道一些不常见的知识。

基本上，我是一个网站的管理员，该网站上有很多 Google 材料图表。我被要求更新其中一个图表，以便悬停工具提示显示实际数字和相对百分比值，但在谷歌搜索大约一个小时后，我到目前为止还没有找到解决方案。

https://jsfiddle.net/r2p00t4r/3/是一个小提琴，显示了我最近的尝试，这是一个绝望的尝试，遵循旧式谷歌图表的代码（https://developers.google.com/chart/交互/文档/customizing_tooltip_content#customizing-tooltip-content）

// Usually coming from ajax
var response = [
    {
        "detail": ">= rated CCA", "total_tests": "265", "in_vehicle": "236", "result_good": "237", "result_good_recharge": "28", "result_charge_retest": "0", "result_replace": "0", "result_badcell": "0", "in_balance": "140"
    },
    {
        "detail": "CCA within tolerance", "total_tests": "677", "in_vehicle": "561", "result_good": "543", "result_good_recharge": "133", "result_charge_retest": "0", "result_replace": "0", "result_badcell": "1", "in_balance": "292"
    },
    {
        "detail": "< rated CCA", "total_tests": "1419", "in_vehicle": "1133", "result_good": "141", "result_good_recharge": "780", "result_charge_retest": "114", "result_replace": "264", "result_badcell": "120", …

有一个设计要求,我不能为我的生活工作.请考虑此图像显示具有12列布局的引导网格:

3个黑色矩形代表:

1. 一列填充
2. 主要内容区域
3. 互动地图

科3是问题; 它需要与内部的网格系统完美对齐.container,并且一直到屏幕边缘而不会溢出.由于部分1+ 2不添加最多6列,我很难调整部分3.

我还没有设法提出任何可行的解决方案 - 最接近(仍然相当远)是在网格系统上使用伪元素 - 唯一的问题是它不可能将地图放在一个伪元素.

请注意我暂时已经有了JavaScipt解决方案,我正在寻找一种仅限CSS/HTML的解决方案来减少页面加载时的闪烁.

正如所要求的,这里有一些我希望将使请求更清晰的图像.

之前 - 地图与视口边缘之间存在间隙:

后映射与固定宽度引导网格和视口边缘对齐:

一些伪代码

<div class="section left-content side-map">
    <div class="container">
        <div class="col-sm-8 col-lg-7 col-lg-offset-1">
            Content - remain unchanged
        </div>
        <div class="col-sm-4 col-lg-3 col-lg-offset-1">
            <div id="contact-map">
                Map here - need to extend to viewport edge
            </div>
        </div>
    </div>
</div>

我正在尝试创建一个工具来帮助我为网络应用程序选择颜色。基本上，我希望能够指定最终颜色和一些叠加参数，并确定底层颜色需要是什么（或者是否可以使用指定参数实现）。

所有覆盖层都将是半透明的黑色。

该系统如何工作的示例：

1. 我输入以下变量：
   • 最终颜色红色：128 [0-255]
   • 最终颜色绿色：118 [0-255]
   • 最终颜色蓝色：107 [0-255]
   • 覆盖不透明度：0.21 [0-1]
2. 系统返回：
   • RGB(183, 169, 154)

我应该指出，我不需要帮助来编写实际代码，我只是不知道要使用的数学公式，而且我今天的 Google 能力很弱。我能找到的最接近的是这个优秀的答案（/sf/answers/856005041/），但它缺少“了解最终所需颜色、了解叠加颜色、了解叠加不透明度”的迭代

我使用Jquery创建了以下DOM：

<div id="d0" class="choiceDiv">
    <input type="checkbox" id="cb0" class=".userCheckBox" value="Option 1" checked="checked">
    <input type="hidden" id="h0" class=".userCheckBoxHidden" value="true">
    <label for="cb0">Option 1</label>
</div>

我已经将CSS标记应用于DOM中的元素，此时CSS类内部没有任何属性。

一个div中大约有17个。加载页面后，我想重新加载每个复选框的当前选中值。在遍历每个代码时，我尝试在DOM上使用.find（）函数：

$('.choiceDiv').each(function(e){

当我尝试按班级查找时，

$(this).find('.userCheckBox');

我得到以下失败对象：

init [prevObject: init(1), context: div#d0.choiceDiv, selector: ".userCheckBox"]
context: div#d0.choiceDiv
length: 0
prevObject:init [div#d0.choiceDiv, context: div#d0.choiceDiv]
selector:".userCheckBox"
__proto__:Object(0)

当我尝试按ID查找时，

$(this).find('#cb'+e)[0];

我得到了我想要的东西：

<input type="checkbox" id="cb0" class=".userCheckBox" value="Option 1" checked="checked">

我希望按类提取对象，以确保始终获得所需的输入类型。有人可以解释为什么我可以在此实例中使用带ID的.find（）而不是按类使用吗？我试图通过这篇文章弄清楚它，但无法正常工作。