1 回答

TA貢獻1784條經驗 獲得超9個贊
對不起布局,但我所做的只是添加一個名為“modalVideo”的模態關閉按鈕的兄弟元素和另一個名為“modalTitle”的標題:
<ul class="sidebar">
</ul>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<h1 id="modalTitle"></h1>
<span class="close">×</span>
<div id="modalVideo">
</div>
</div>
</div>
我添加了這個功能,在視頻的點擊中觸發并添加到模態中。
$("video").on("click", function(cls){
$("#myModal").css("display", "flex");
//get video tag and put into modal.
$("#modalVideo")[0].innerHTML = cls.target.outerHTML
})
如果您想切換到單擊按鈕,只需將其更改$("video")為所需的元素即可。
這是小提琴手鏈接:https : //jsfiddle.net/z4v18y3g/
[編輯]
帶有標題的新小提琴手:https : //jsfiddle.net/z4v18y3g/2/
添加回答
舉報