0
私はいくつかの助けが必要です。私はビデオのプレイリストを作ろうとしており、2つのhtmlファイル（index.htmlとvideo.html）を作っています。私はvideo.htmlでポップアップでビデオを再生しようとしますが、ポップアップを閉じるかどこでもクリックすると、index.htmlに直接戻ります。私はindex.htmlからvideo.htmlをリンクします。 video.htmlを閉じずにポップアップを閉じるにはどうすればいいですか？私は使用している構文でポップアップを閉じることができますが、問題はどこでもクリックするとvideo.htmlも閉じ、index.htmlに戻ります。あなたはポップアップを閉じるにはデータ・解任 attibuteを使用することができますページ全体を閉じることなくポップアップを閉じるには
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.2.1.min.css"/>
<script src="jquery-1.8.3.min.js"></script>
<script src="jquery.mobile-1.2.1.min.js"></script>
\t <title></title>
\t
<script>
var vid = document.getElementById("video_mute");
vid.muted = true;//mute video on window load
function enableMute() {
vid.muted = true;
}
function disableMute() {
vid.muted = false;
}
function checkMute() {
alert(vid.muted);
}
</script>
</head>
<body>
<div data-role="page" id="satu"> \t
<div data-role="header">
<h1>abjad</h1></div>
<div data-role="content">
\t \t <ul data-role="listview">
\t \t \t <li><a href="#a" data-rel="popup" data-transition="pop">huruf A</a></li>
\t \t \t <li><a href="#b" data-rel="popup" data-transition="pop">huruf b</a></li>
\t \t </ul>
\t </div>
\t <div data-role="footer">footer</div>
\t <div data-role="popup" data-position-to="window" id="a">
\t \t <video width="block" id="video_mute" controls>
\t \t \t <source src="abjad_a.mp4" type="video/mp4">
\t \t \t <button onclick="enableMute()" type="button">Mute sound</button>
\t \t \t <button onclick="disableMute()" type="button">Enable sound</button>
\t \t \t <button onclick="checkMute()" type="button">Check muted status</button><br>
\t \t \t </video>
\t \t \t
\t </div> \t
</div>
使用 'データdismissible = "false" に'ここリファレンスドキュメントです：http://demos.jquerymobile.com/1.4.5/popup/は - チェックこのページの 'Dialog'パラグラフの例です。ところで、jQueryとJQMのバージョンを最新の安定版に更新する必要があります：https://stackoverflow.com/a/44910517/4845566 – deblocker