Question

所以，我试图谷歌搜索它，但似乎它不是我最强的部分。

示例：我有一个div，其中嵌入了一个视频，但为了显示该视频，我必须首先点击div打开并显示视频。问题是它加载了pageload。它使浏览器滞后，而有超过4-5的div与视频。如何使其不加载页面加载，但仅在单击div并在再次单击时卸载其内容时才会加载。

$('.cont').hide();


$('h4').click(function () {
    var $answer = $(this).next('.cont');
    if ($answer.is(':hidden')) {
        $answer.show();
    } else {
        $answer.hide();
    }
});

这就是我所拥有的，但它并不像我描述的那样

Answer 1

<div class="container">
<iframe new-src="http://linktoadditionalcode">Update your Browser!</iframe>
<a href="javascript:load(this)">Load</a>
<a href="javascript:unload(this)">Unload</a>
</div>
<script>
function load(elem){
frame=elem.parentElement.getElementsByTagName("iframe")[0];
frame.src=frame.new-src;
}
function unload(elem){
frame=elem.parentElement.getElementsByTagName("iframe")[0];
frame.src="";
}
</script>

这会加载/卸载iframe。虽然你的代码只是隐藏它，但它会完全加载/加载它。

在加载页面时，隐藏并不加载所选div的内容。点击加载选择的div及其内容

1 个答案: