我想通过单击页面上的某处来隐藏div,但仅当通过单击预览显示div时才会隐藏div。运行第一个函数后调用函数
我有这样的:
$(function() {
$("#videopreview").click(function() {
$("#videolarge").css({ display: 'block' });
$("#videopreview").css({ display: 'none' });
$("#videolarge").click(function(){ return false; });
$(document).one("click", function() {
$("#videolarge").css({ display: 'none' });
$("#videopreview").css({ display: 'block' });
});
});
});
它运行在相同的时间,所以什么也没发生:)
更新两个功能:
$(function() {
$("#videopreview").click(function() {
$("#videolarge").css({ display: 'block' });
$("#videopreview").css({ display: 'none' });
});
$("#videolarge").click(function(){ return false; });
$("#videopreview").click(function(){ return false; });
$(document).click(function() {
$("#videolarge").css({ display: 'none' });
$("#videopreview").css({ display: 'block' });
});
});
我可以使用删除(),但一旦隐藏我不能再运行它(有道理)。我该如何处理?
而不是匿名函数,写两个单独的函数与名称。那么你可以更好地看到他们如何运行,哪些呼叫哪个。如果添加一个标志(两个函数之外的变量)为零,直到点击预览,然后才允许其他步骤发生,那么您可能正在解决自己的问题。 – Floris
你真的需要解释这个问题,因为它不是很清楚。也许给标记并解释你想达到什么。 –
我相信所需要的是一个缩略图预览,当点击时会显示完整的视频播放器。一旦显示,点击页面上的任何位置将重新隐藏视频播放器并重新显示预览缩略图。 –