jquery - JQuery Mobile 和 Mediaelements.js？

Question

JQuery Mobile 和 mediaelements 是否存在兼容性问题？每当我尝试使用播放器创建页面时，它的按钮都会变黑。

试试这个 html 页面： http: //mt.ccnmtl.columbia.edu/majmin_mbl/m/test.html

如您所见，按钮是黑色的。如果我拿走 jquery 移动代码，它可以正常工作。

我该如何解决？

Answer 1

这是一个样式问题，但由于 medieelement 在您启动它后呈现元素...... data-role 属性丢失了。因此，您实际上需要在像这样启动 mediaelement 后专门应用它。

$('audio,video').mediaelementplayer({});
$('button').attr("data-role","none");

Answer 2

看起来 jquery mobile 正在尝试设置控件的样式。将 data-role="none" 添加到您不希望 jquery mobile 设置样式的任何控件。