小编Mik*_*Eng的帖子

我在哪里可以下载非缩小版的jQu​​ery UI?

我正在尝试自定义自动完成组合框

旨在将其用于带有弹出窗口的嵌套列表.从jQuery UI的缩小版本开始显然不是理想的.下载构建器仅提供缩小的下载.

jquery jquery-ui jquery-autocomplete

15
推荐指数
2
解决办法
4734
查看次数

如何通过哈希显示提交的日期和时间

我曾经git reflog在创建特定分支时标识哈希值。我得到的哈希值fe1ddcdef。我尚未将此分支推送到远程。我现在正在寻找发生日期和时间fe1ddcdefgit reflog只显示给我:

fe1ddcdef HEAD@{11}: checkout: moving from master to handoff

没有日期或时间。

git log太冗长了,因为它包含了我所有同事的提交,而我fe1ddcdef在那堆干草堆中找不到针头。

我怎样才能简单地找到提交的日期和时间fe1ddcdef

git

11
推荐指数
4
解决办法
5155
查看次数

检测通过animationName触发的AnimationEnd

我有几个链接到一个div的CSS3动画,但我只想在最后一个动画结束时使用一个函数.

我已经使用了animationEnd事件,因此我可以触发所述函数,但正如我所说,我只想让它在最后一个动画上运行.

有没有办法通过检查已触发animationEnd事件的动画的名称来检测动画?

因此允许我使用if语句来挑出最后一个动画.

javascript detect css3 keyframe css-animations

8
推荐指数
2
解决办法
8067
查看次数

CSS游标位置属性在Safari中不起作用

我正在显示游标的自定义图像.我正在使用jQuery在mousedown上交换光标图像,我手动将光标的x和y属性设置为图像的宽度和高度,这样看起来好像图像从底部的注册点旋转 - 图像的正确.

相关的CSS是:

#face-container {
     cursor: url(../img/cursor_eel.png) 52 128, auto;
}

#face-container.punching {
    cursor: url(../img/cursor_eel_rotated.png) 127 127, auto;
}
Run Code Online (Sandbox Code Playgroud)

jQuery在mousedown上添加了"punching"类,并在mouseup上删除它.

在Chrome和Firefox中,这可以正常工作 - 图像看起来移动了CSS中指定的x和y值,并且在mousedown上,光标图像看起来围绕右下方的注册点(鳗鱼的尾部)旋转).

Chrome动画

在Safari 9.0.1(Mac OS 10.10.5)中,它似乎不接受x和y值,因此图像显示在光标位置的左上角,而在mousedown上,光标图像显示为旋转在左上角(鳗鱼的鼻子)的注册点附近.

Safari动画

如何让Safari按指定移动光标图像位置并使mousedown效果像在Chrome中一样工作?

完整演示在这里

Github存储库在这里

css cursor-position

6
推荐指数
1
解决办法
1198
查看次数

如何使用jQuery将html附加到<head>

我试图将Facebook开放图形标记(基于页面上动态生成的内容)添加到我的html头部.

 $(document).ready(function(){
var stat = $('#random-message').text();
stat = jQuery.trim(stat);

//set facebook Open Graph description
$('head').append('<meta property="og:description" content="'+stat+'"/>');

  });
Run Code Online (Sandbox Code Playgroud)

这本身就很好.小提琴

当我将它与动态加载的Twitter脚本结合时(如下)

$(document).ready(function(){
var stat = $('#random-message').text();
stat = jQuery.trim(stat);
//set tweet button data text
$('a.twitter-share-button').attr('data-text',stat);

//set facebook Open Graph description
$('head').append('<meta property="og:description" content="'+stat+'"/>');

//insert twitter API Script - problematic
$('#tweet-like').append('<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>');

});
Run Code Online (Sandbox Code Playgroud)

它摇摇晃晃地摇摇头.js小提琴在js小提琴中,它会在主体中插入一些特殊字符,并且脚本的其余部分(包括插入元标记)都不起作用.奇怪,因为Twitter脚本"widgets.js"正在我的页面上工作,但是元标记没有出现.

javascript jquery

5
推荐指数
1
解决办法
7012
查看次数

HTML5 mp4视频可在Chrome和Desktop Safari中使用,但不适用于iPhone

我正在尝试简单地播放HTML5视频,该视频将与所有常见浏览器(包括移动设备)兼容.目前,我正在测试一个自定义视频和一个示例视频.

<video width="680" height="383" controls>
    <source src="immunize-video-1/immunize_web_h.264.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
    <source src="immunize-video-1/immunize_web_h.264.ogv" type='video/ogg; codecs="theora, vorbis"'>
    [FLASH FALLBACK HERE]
</video>
<video width="680" height="383" controls>
    <source src="big-buck-bunny/big_buck_bunny.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
    <source src="big-buck-bunny/big_buck_bunny.ogv" type='video/ogg; codecs="theora, vorbis"'>
    [FLASH FALLBACK HERE]   
</video>
Run Code Online (Sandbox Code Playgroud)

登台服务器上的结果:

  • Chrome:好的
  • 桌面Safari 5:OK(截图)
  • iPhone Safari:热门视频无法播放(截图如下) 在此输入图像描述

什么可能导致它在桌面Safari上工作,但不能在iPhone上工作?我尝试了一些视频类型参数的变体,例如:

<source src="immunize-video-1/immunize_web_h.264.mp4" type='video/mp4; codecs="avc1.64001E, mp4a.40.2"'>
Run Code Online (Sandbox Code Playgroud)

还尝试将编解码器属性留空:

<source src="immunize-video-1/immunize_web_h.264.mp4" type='video/mp4'>
Run Code Online (Sandbox Code Playgroud)

但没有一个列出似乎适用于iPhone.该视频以3000 kb/s h.264的速度输出.

此外,导致问题的视频是94MB文件大小.

iphone html5 html5-video

5
推荐指数
1
解决办法
1万
查看次数

WordPress中的多个单词搜索未显示搜索结果

我已经自定义主题,使用多字查询的搜索结果存在一些问题。该网站位于www.abetterworldbydesign.com上

搜索单个单词按预期方式工作。

搜索应该返回结果的多个单词将显示空白结果。

下面的searchform.php代码。

<form id="searchform" name="searchform" method="get" action="<?php echo home_url(); ?>">
    <div>
        <input type="text" id="s" name="s" />
        <input type="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search', 'richwp' ); ?>" />
    </div>
</form>
Run Code Online (Sandbox Code Playgroud)

我在search.php中用于初始化WP_Query 的代码完全遵循法典中列出的代码pastebin上search.php的完整代码。

php wordpress search wordpress-theming

5
推荐指数
1
解决办法
5036
查看次数

.mov 视频的浏览器支持

我正在尝试在使用 iOS 12.2 的 iPhone SE 直接通过电子邮件发送的网络视频(使用 HTML5 视频标签)上显示。文件扩展名为 .mov,使用的编解码器为 H.264 和 AAC。我想弄清楚是否需要将视频转换为另一种格式,以实现对 95% 的美国浏览器的跨浏览器支持。

在 CanIUse 上查找了对Video 元素的支持,该sub features选项卡显示了有关以下格式的更多详细信息的链接:

  • 网络管理器
  • MPEG-4/H.264
  • 奥格/西奥拉
  • 网络VTT
  • HEVC/H.265

我读过.mov 文件可以使用 MPEG-4 格式。网络上的 .mov 扩展名与 .mp4 扩展名是否有什么特别之处会影响浏览器支持?

换句话说,CanIUse上的MPEG-4/H.264 表是否与 .mp4 文件一样适用于 .mov 文件?或者有什么区别?

browser video cross-browser html5-video

5
推荐指数
1
解决办法
1942
查看次数

元素上的 z-index 在 css 中设置为 9,但在 Chrome Inspector &gt;“计算”值中显示为 0

我试图让一些元素以特定的顺序相互重叠。应该是从上到下:

  • id 为“credit”的“footer”元素中的文本
  • id 为“kepler”的“a”元素,包含一张猫图片
  • 背景图像,其父级的 id 为“slide-3”

我有以下 HTML

        <div class="slide" id="slide-3">
            <img src="https://mrengy.github.io/card2016/img/silhouettes.jpg" alt="silhouettes against wall with pattern" class="full-img" />
            <footer id="credit" class="main wrapper clearfix">
                <h2>
                    <a href="http://anilaagha.com/intersections/">Intersections, 2013</a>
                </h2>
                <p>by Anila Quayyum Agha</p>
                <p>Displayed at the Peabody Essex Museum</p>
            </footer>
            <a href="http://placekitten.com/" id="kepler">
                <img src="https://mrengy.github.io/card2016/img/kepler.png" alt="our cat, Kepler"/>
            </a>
        </div>
Run Code Online (Sandbox Code Playgroud)

以及以下 CSS

html {
    color: #FFF;
    font-size: 1em;
    line-height: 1.4;
}

.slide {
    width:100%;
    position:absolute;
    text-align:center;
}

.full-img{
    width:auto;
    height:auto;
    max-width:100%;
    margin:0 auto;
}

.main-container{
    text-align:left;
} …
Run Code Online (Sandbox Code Playgroud)

css z-index

4
推荐指数
1
解决办法
1302
查看次数

在.bind单击处理程序中调用的jQuery函数正在文档就绪上运行

我定义了一个简单的函数,并使用.bind()将"click"处理程序附加到链接.

该功能未在单击时运行 - 而是在文档就绪时运行.不知道为什么会这样.

我正在使用jQuery 1.3.2.

HTML

<a href="#">click me</a>
Run Code Online (Sandbox Code Playgroud)

jQuery的

$(document).ready(function(){
  leftTurn = function($message){
    alert ($message);        
  };

  $('a').bind('click', leftTurn('hello'));
});
Run Code Online (Sandbox Code Playgroud)

代码也在JSFiddle中

jquery

3
推荐指数
1
解决办法
2362
查看次数