jquery - 带有选项的 jQuery 弹出框

Question

我在网上和这个网站上环顾四周，但似乎找不到我的特定问题的答案。

我想制作一个 jQuery 弹出框，在有人点击照片后显示两个选项。“放映时间”和“预告片” 如果他们点击“放映时间”，这是一个明显的链接到相应的页面。我遇到的麻烦是，如果他们单击“预告片”，我希望弹出框变成电影的预告片。也就是来自 YouTube 的嵌入式预告片。

我只是不知道如何通过按下按钮使弹出框变成预告片。

Answer 1

在没有任何重要信息的情况下，我真正能建议的只是以下内容，假设类似于以下 HTML：

<div class="popupBox">
    <!-- other stuff -->
    <a href="#" class="trailer">trailer</a>
    <a href="#" class="showtimes">showtimes</a>
</div>

jQuery：

$('div.popupBox').on('click', 'a.trailers', function(e){
    e.preventDefault();
    $(this).closest('.popupBox').empty().append(youtubeEmbedCode);
});