小编Alo*_*ain的帖子

HTML5音频停止功能

我点击导航中的每个链接播放一个小音频剪辑

HTML代码:

<audio tabindex="0" id="beep-one" controls preload="auto" >
    <source src="audio/Output 1-2.mp3">
    <source src="audio/Output 1-2.ogg">
</audio>
Run Code Online (Sandbox Code Playgroud)

JS代码:

$('#links a').click(function(e) {
    e.preventDefault();
    var beepOne = $("#beep-one")[0];
    beepOne.play();
});
Run Code Online (Sandbox Code Playgroud)

它到目前为止工作正常.

问题是当声音片段已经运行并且我点击任何链接时没有任何反应.

我试图通过点击链接停止已播放的声音,但在HTML5的Audio API中没有直接的事件

我尝试了下面的代码,但它没有用

$.each($('audio'), function () {
    $(this).stop();
});
Run Code Online (Sandbox Code Playgroud)

有什么建议吗?

html5 html5-audio

135
推荐指数
7
解决办法
20万
查看次数

中心在outlook.com中对齐电子邮件

我创建了一个非常简单的html电子邮件. http://staging.xhtml-lab.com/mailtest/

它在所有电子邮件客户端都运行正常,但hotmail.com/outlook.com除外

在Hotmail电子邮件中保持对齐,它应保持居中对齐.

我已经按照emailology.org的建议添加了以下代码,但它没有任何效果.

<style type=“text/css”>
/**This is to overwrite Hotmail’s Embedded CSS************/
table {border-collapse:separate;}
a, a:link, a:visited {text-decoration: none; color: #00788a} 
a:hover {text-decoration: underline;}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited,h4,h5,h6,.t_cht {color:#000 !important}
p {margin-bottom: 0}
.ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td {line-height: 100%}
/**This is to center your email in Hotmail************/
.ExternalClass {width: 100%;}
</style> 
Run Code Online (Sandbox Code Playgroud)

有什么建议我可以做些什么来使电子邮件中心一致?

email-client hotmail html-email outlook.com

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

在twitter bootstrap下拉列表中添加复选框

我正在为我的项目使用twitter bootstrap.

我想在下拉列表中添加复选框,类似于http://jsfiddle.net/qG7c4/

文件:bootstrap-dropdown.js

示例:http://twitter.github.com/bootstrap/javascript.html#dropdowns

问题是,单击每个复选框后关闭该下拉列表,我不希望在单击复选框时关闭该下拉菜单,以便用户可以轻松选择多个复选框.

我需要在javascript中做些什么改变?

jquery twitter-bootstrap

10
推荐指数
1
解决办法
9265
查看次数

行高在Mac和Windows上的工作方式不同

我有一个非网络字体的文字,我用过@font-face这个.

它在Windows上的所有浏览器中都运行良好,但在Mac上的所有浏览器中都是顶级对齐的.

在此输入图像描述

此图像中的蓝框是行高.

我发现了类似的问题,但它没有提供可行的解决方案.

css css3 font-face

7
推荐指数
1
解决办法
3192
查看次数

在 Shopify 中循环元字段

我需要n在 Shopify 中显示产品的图像数量。

我已在元字段中存储了许多图像并为其创建了一个循环。

然后每个图像的名称存储在一个元字段中,我试图通过循环的帮助来获取该元字段。

{% assign earrings = product.metafields.earrings %}

{% for i in (1..earrings.total-earrings) %}
  {% assign earring = 'product.metafields.earring-' | append:i %}
  {{ earring.name }}
{% endfor %}
Run Code Online (Sandbox Code Playgroud)

这个循环给了我earring类似的值:
product.metafields.earring-1
Product.metafields.earring-2

但是当我尝试读取元字段的值时earring.name,我没有得到任何输出。我认为因为product.metafields.earring-1是一个字符串。

有没有可能的方法来循环像这样的元字段并获取值?

liquid shopify

2
推荐指数
1
解决办法
7216
查看次数

如何使用modernizr添加CSS3圆角?

我试图在IE7和IE8中添加基于CSS3的圆角支持在下一页

测试网址:http://jaspreetkaur.com/postjoint

我已经包含了modernizr库,但它不起作用.是否需要添加任何代码才能使其在IE中运行?

css3 modernizr

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

从媒体上传框中删除图像大小

我在wordpress中使用自定义图像大小和"add_image_size",它工作正常.

我尝试使用以下代码删除默认图像大小:

function filter_image_sizes( $sizes) {
    unset( $sizes['thumbnail']);
    unset( $sizes['medium']);
    unset( $sizes['large']); 
    return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'filter_image_sizes');
Run Code Online (Sandbox Code Playgroud)

但是这些默认图像大小在媒体上传弹出窗口中仍然可见.

在此输入图像描述

wordpress

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