JQuery Mobile和Mediaelements.js？

Question

JQuery Mobile和mediaelements是否存在兼容性問題？每當我嘗試用播放器製作頁面時，其按鈕都會變黑。

試試這個html頁面：http://mt.ccnmtl.columbia.edu/majmin_mbl/m/test.html

正如你所看到的，按鈕是黑色的。如果我拿走了jquery移動代碼，但它工作正常。

我該如何解決這個問題？

Answer 1

這是一個樣式問題，但由於medielement在啓動它之後呈現元素......數據角色屬性丟失。因此，在您啓動媒體元素之後，您實際上需要專門應用它。

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

Answer 2

它看起來像jquery移動正在試圖控制風格。將data-role =「none」添加到您不希望jquery mobile設計的任何控件中。