使用javascript或jQuery

Question

我有一个简单的HTML 5视频播放器，其中添加了时间轴标记。

我想将事件添加到特定的标记中，例如单击以播放另一个视频或显示另一个div或文本，

这是我到目前为止所拥有的

 var video = videojs('video1');
    //load markers
    video.markers({

        markers: [{
                time: 7,
                class: "first_step_circle"
            },
            {
                time: 16,
                text: "is",
                class: "second_step_circle"
            },
            {
                time: 23.6,
                text: "so"
            },
            {
                time: 28,
                text: "cool"
            }
        ]
    });

 $('.second_step_circle').on('click', function(){
        openPopUp('.persona2PopUp');
        console.log(openPopUp('.persona2PopUp'))
    })

这是我要显示给视频播放器的div

<div class="lightbox persona2PopUp">
    <img src="images/Matt.jpg">
    <h5>Matt Briscoe</h5>
    <p>Role: Developer</p>
    <p>Bio: Matt has been a manager for 4 years. This alkjdlas asldkjasldj aslkdj aklsdjlsakdjalskjd salkdj salkjd</p>
    <p>Previous Experiences</p>
    <ul>
        <li>Experience 1: 2002-2004</li>
        <li>Experience 2: 2005-2009</li>
        <li>Experience 3: 2010-2016</li>
    </ul>
</div>

当我在DOM中检查名称为second_step_circle的类时，该类可用，但是当我单击均无反应时，这是videojs标记videojs marker的文档。

要获得我想要的东西我需要改变什么？