带有选项的jQuery弹出框

Question

我浏览了网站和这个网站，但似乎无法找到我特定问题的答案。

我想创建一个jQuery弹出框，在有人点击照片后显示两个选项。 “放映时间”＆amp; “预告片”如果他们点击“放映时间”，这是一个明显的链接到相应的页面。我遇到的麻烦是，如果他们点击“预告片”，我希望弹出框变成电影的预告片。也就是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);
});