小编jra*_*jav的帖子

我有一个脚本,当您将鼠标悬停在缩略图上时,可以动态地添加完整图像.我还给出了完整的图像CSS:悬停样式,使它们扩展到更大的宽度(通常它们被约束到缩略图的尺寸).如果图像快速加载或缓存,这样可以正常工作,但是如果完整图像需要很长时间才能加载,并且在加载时不移动鼠标,那么一旦它出现,它通常会保持缩略图宽度(非:悬停样式),直到再次移动鼠标.我在所有尝试过的浏览器中都会遇到这种情况.我想知道这是不是一个错误,如果有办法解决或解决它.

值得注意的是,我也尝试在Javascript中做同样的事情.on('mouseenter'),并遇到了同样的问题.

由于问题的性质,可能很难重现,特别是如果您有快速连接.我从维基百科中选择了一张较大的照片进行演示,但要使其工作,您可能需要将其更改为特别大的或慢速域.另请注意,您可能必须清除缓存以进行连续重试.

如果仍然无法重现,则可以fullimage.load在调用之前添加人为延迟anchor.show().

HTML:

<img id="image" src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Cairo_International_Stadium.jpg/220px-Cairo_International_Stadium.jpg" />

CSS:

.kiyuras-image {
    position: absolute;
    top: 8px;
    left: 8px;
    max-width: 220px;
}

.kiyuras-image:hover {
    max-width: 400px;
}

JS:

$(function () {

    var fullimageurl = 'http://upload.wikimedia.org/wikipedia/commons/3/32/Cairo_International_Stadium.jpg';

    var fullimage = $('<img/>')
        .addClass('kiyuras-image')
        .load(function () {
            anchor.show();
        });

    var anchor = $('<a/>').hide().append(fullimage);

    $('body').prepend(anchor);

    $("#image").on('mouseenter', function () {
        fullimage.attr('src',fullimageurl);
        $(this).off('mouseenter');
    });

});

JS Bin

更新了JS Bin,添加了1.5秒延迟(希望问题更清晰)

再次:重现问题涉及清除大图像的缓存,然后将鼠标悬停在原始图像上以初始加载大图像,然后在加载时不移动鼠标.预期的行为是大图像在最终加载时正确地采用:hover伪类.问题我看到加载时间超过~0.75秒的时间是它没有接受:悬停直到你稍微摇动鼠标.

编辑:有关我的用例的更多详细信息,请参阅我对@ LucaFagioli答案的评论.

编辑,续集:我以为我已经这样做了,但我只是试图在Firefox中重现这个问题而我不能.也许这是一个Chrome bug？

基本上,我正在尝试获取搜索时显示在结果中的每个视频的视频时长.我有一个整洁的小演示设置让你搞砸!

另外 - 当我说持续时间我指的是M/S格式(0:00)的视频长度..

演示 http://codepen.io/mistkaes/pen/6b6a347c7d24edee15b3491420db4ecd

jQuery的:

var apikey = '<API KEY>';

$(function() {
    var searchField = $('#search-input');

    $('#search-form').submit(function(e) {
        e.preventDefault();
    });
});

function search() {
    $('#results').html('');

    q = $('#search-input').val();

    $.get(
        "https://www.googleapis.com/youtube/v3/search", {
            part: 'snippet, id',
            q: q,
            maxResults: 50,
            type: 'video',
            key: apikey
        },
        function(data) {
            $.each(data.items, function(i, item) {
                var output = getResults(item);

                $('#results').append(output);
            });
        });
}

function getResults(item) {
    var videoID = item.id.videoId;
    var title = item.snippet.title;
    var thumb = item.snippet.thumbnails.high.url;
    var channelTitle = item.snippet.channelTitle;

    var output …

我的最终目标是为Web客户订阅Firebase Cloud Messaging中的主题,以接收按键分区的简单数据推送事件.通过这个问题,这似乎是可能的,但前提是您可以将客户的注册密钥发送到您使用FCM Admin API控制的应用服务器:如何使用Firebase云消息传递使用Web浏览器订阅主题

此外,通过https://firebase.google.com/docs/cloud-messaging/js/client,似乎需要用户请求显示桌面通知的权限才能访问Firebase消息的注册令牌.

有没有办法告诉Firebase没有,我绝对不想要桌面通知,其实请不要显示它们,我只是想使用data消息而从不notification？然后,获取注册令牌？或者,是否有其他方式从Web客户端订阅主题？

在mime标题内,标题字段名称和':'分隔符之间是否允许空格？例如,是:

Content-Type: <value>

和

Content-Type  : <value>

当量？

另外,你能提供一个指向mime标准的指针吗？我检查了一些,但没有找到它.

谢谢

最近我使用的CSS结构让HTML更清晰,但我不知道这是否有问题.

而不是使用:

.top { //properties }

.top-wrapper { //properties }

.top-logo { //properties }

对于HTML:

<div class="top">
    <div class="top-wrapper">
        <a href="" class="top-logo">Logo</a>
    </div>
</div>

我实际编码是这样的:

.top { //properties }

.top .wrapper { //properties }

.top .wrapper .logo { //properties }

对于HTML:

<div class="top">
    <div class="wrapper">
        <a href="" class="logo">Logo</a>
    </div>
</div>

这样做是不对的？

有没有办法搜索或过滤用户的变更集？

历史视图似乎非常不灵活.

就此而言,有没有办法按任何方式过滤变更集？

我正在使用jstree插件来搜索节点.它的工作原理,当发现默认颜色是非常明亮的蓝色.你如何将默认颜色转换为其他颜色.

此外,如果找不到搜索文本,我希望能够向用户显示错误.有什么想法我会怎么做？

function myFunction()
{
$(document).ready(function(){

var value=document.getElementById("search_field").value; 

    $("#search_tree").click(function () { 

        $("#tree").jstree("search",value) 
 }); 

 }); 
}

这是我的函数,如果它在节点列表中找到文本则返回.

我想用海军蓝突出节点,并将窗口移动到该节点(有时,三个可能太大,需要调整浏览器窗口以查看突出显示的节点).这种脚本语言非常新,并且欣赏任何输入.谢谢.