无法自定义交互式 JavaScript 内容

Question

我们正在使用 Moodle 3.5 版并使用 H5P 插件制作交互式视频。我们需要在提交按钮上添加另一个操作

请检查链接https://h5p.org/interactive-video。回答问题后，会出现如下摘要屏幕：

<script>

function checkclick()

{

    $(document).ready(function(){

        $(".h5p-interactive-video-endscreen-submit-button").click(function(){

            alert("submitted");

        });

     });

}

$(document).ready(function(){

    iframe=H5P.$body.contents();

    iframe.find(".h5p-interactive-video-endscreen-submit-button").click(function(){

          alert("hello");

    });

});

// H5P.$body.contents().find(".h5p-interactive-video-endscreen-submit-button")

// $(document).ready(function(){

//        var button= H5P.$body.contents().find(".h5p-interactive-video-endscreen-submit-button");

//     button.attr("id","myclass");

//        console.log(button);

// });

</script>

已尝试上述技术以在单击按钮时获得警报但没有成功。

Answer 1

改变这个：$(document).ready(function(){&nbsp; &nbsp; iframe=H5P.$body.contents();&nbsp; &nbsp; iframe.find(".h5p-interactive-video-endscreen-submit-button").click(function(){&nbsp; &nbsp; &nbsp; alert("hello");&nbsp; &nbsp; });});对此：$(document).ready(function(){&nbsp; &nbsp; iframe=H5P.$body.contents();&nbsp; &nbsp; $(document).on('click',function(){&nbsp; &nbsp; &nbsp; &nbsp; if(iframe.find(".h5p-interactive-video-endscreen-submit-button").is(":hover")){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; alert('hello');&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });});如果无法检测到元素点击并且它有效，我通常会这样做。