jquery - jPlayer 暂停按钮是内联显示的，但应该是 block 状的

Question

我使用 jPlayer jquery-ui 主题:http://jplayer.org/latest/demo-07

当我点击播放器上的暂停按钮时，该按钮显示“暂停”标题，但暂停图标未显示。该图标应由 jquery-ui 类放置:ui-icon ui-icon-pause

在将它与上面链接中的原始内容进行比较时，我注意到在 a 元素中，“display: none”内联样式被替换为 display: inline。
原来它被替换为 display: block

<a title="pause" tabindex="2" class="jp-pause ui-icon ui-icon-pause" href="javascript:;" style="display: none;">pause</a>

在 Firebug 中修复此问题，图标呈现正确。

那么，为什么它在我的播放器中单击暂停按钮时将 display: none 替换为 display: inline 而不是 display: block ？

我猜 jPlayer 使用 jquery 的 hide() 和 show() 来切换按钮。

Answer 1

我刚刚用 Jplayer 解决了同样的问题。您上面的初始评论是 100% 正确的，jquery show() 方法分配了一个内联样式。这是修复:

1. 转到开发者网站并下载最新的未压缩源代码 - Jplayer Download area
2. 打开这个文件 jquery.jplayer.js 并找到第 1621 行
3. 做以下改变

错误代码:

this.css.jq.pause.show();

更改为(工作):

this.css.jq.pause.css("display", "block");

太棒了，希望对你有用