JQuery Mobile 및 Mediaelements.js?

Question

JQuery Mobile 및 미디어 요소와의 호환성 문제가 있습니까? 플레이어와 페이지를 만들려고 할 때마다 버튼이 검게 나옵니다. 당신이 볼 수 있듯이 http://mt.ccnmtl.columbia.edu/majmin_mbl/m/test.html

가, 버튼이 검은 색 :

이 html 페이지를보십시오. jquery 모바일 코드를 제거하면 제대로 작동합니다.

어떻게 수정합니까?

Answer 1

스타일링 문제이지만 medieelement가 요소를 시작한 후에 렌더링하기 때문에 데이터 역할 특성이 손실됩니다. 따라서 실제로 이와 같은 미디어 요소를 시작한 후에는 구체적으로 적용해야합니다.

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

Answer 2

jquery mobile이 컨트롤의 스타일을 지정하는 것처럼 보입니다. jquery mobile에서 스타일을 지정하지 않으려는 컨트롤에는 data-role = "none"을 추가하십시오.