Question

我想要两个按钮来触发每个自己的叠加内容（居中的垂直和水平），但保持叠加布局相同，只是内容不同。我为一个按钮写了一个很好的功能单覆盖脚本，但这两个按钮都不起作用。在小提琴中，我只使用了一个按钮的脚本，它非常简单。

这是小提琴：link

function funcShow(event){
event.preventDefault();
$('.overlay-info').fadeIn(400);}

function funcClose(event){
event.preventDefault();
$('.overlay-info').fadeOut(400);}

Answer 1

你应该在文档就绪函数中使用jquery在你的div上放置click处理程序，如下所示。它不像＆＃34;很好＆＃34;并接受将它们放在像你一样的onclick财产中。

而且，对于你将要用来做点事或关闭等事情的所有内容，它总是很好。因此，如果您看到下面的示例，则您具有文档就绪功能，该功能将clickhandler放在第一个div（id =＆＃34; overlay-one＆＃34;）和第二个div以及close函数上。试试吧！它对我来说很有用。

$(document).ready(function(){
    $("#overlay-one").click(function(event){
        funcShow(event);
    });

    $("#overlay-two").click(function(event){
        funcShow2(event);
    });

    $("#close-one").click(function(event){
        funcClose(event);
    });

    $("#close-two").click(function(event){
        funcClose2(event);
    });
});

文档就绪功能在页面加载后执行，因此在创建元素后添加clikc处理程序。您还可以使用.click for class来一次向很多内容添加事件，例如$("CLASS").click(function(){//stuff})

两个按钮打开每个自己的叠加内容

1 个答案: