JQuery Mobile和Mediaelements.js？

Question

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

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

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

我该如何解决这个问题？

Answer 1

这是一个样式问题，但由于medieelement在您启动它之后呈现元素...数据角色属性将丢失。所以你实际上需要在启动像这样的媒体元素之后专门应用它。

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

Answer 2

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