我点击导航中的每个链接播放一个小音频剪辑
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)
有什么建议吗?
我创建了一个非常简单的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)
有什么建议我可以做些什么来使电子邮件中心一致?
我正在为我的项目使用twitter bootstrap.
我想在下拉列表中添加复选框,类似于http://jsfiddle.net/qG7c4/
文件:bootstrap-dropdown.js
示例:http://twitter.github.com/bootstrap/javascript.html#dropdowns
问题是,单击每个复选框后关闭该下拉列表,我不希望在单击复选框时关闭该下拉菜单,以便用户可以轻松选择多个复选框.
我需要在javascript中做些什么改变?
我有一个非网络字体的文字,我用过@font-face这个.
它在Windows上的所有浏览器中都运行良好,但在Mac上的所有浏览器中都是顶级对齐的.

此图像中的蓝框是行高.
我发现了类似的问题,但它没有提供可行的解决方案.
我需要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是一个字符串。
有没有可能的方法来循环像这样的元字段并获取值?
我试图在IE7和IE8中添加基于CSS3的圆角支持在下一页
测试网址:http://jaspreetkaur.com/postjoint
我已经包含了modernizr库,但它不起作用.是否需要添加任何代码才能使其在IE中运行?
我在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)
但是这些默认图像大小在媒体上传弹出窗口中仍然可见.

css3 ×2
css ×1
email-client ×1
font-face ×1
hotmail ×1
html-email ×1
html5 ×1
html5-audio ×1
jquery ×1
liquid ×1
modernizr ×1
outlook.com ×1
shopify ×1
wordpress ×1