两个按钮打开每个他自己的覆盖内容

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

这里是小提琴：link

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

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

来源

2014-10-31 KP83

你应该把点击使用jQuery在文档准备功能，如下图所示的div的处理程序。它不是“很好”，并接受把它们放在像你一样的onclick属性中。

它也总是很高兴有Ids的一切，你将用于做像点击或关闭的东西。所以如果你看到下面的例子，你有文档准备就绪的功能，在第一个div（id =“overlay-one”）和第二个div以及关闭函数上放置clickhandler。尝试一下！它在你的小提琴中适合我。

$(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进行课程，将事件一次添加到很多事情中，例如$("CLASS").click(function(){//stuff})

来源

2014-10-31 14:53:58

感谢队友现在就试试您的代码！ – KP83 2014-10-31 15:00:58

对不起，我不能工作，但我可以问你为什么你把覆盖本身上的点击功能，而不是两个不同的按钮。覆盖 - 一个或-two必须淡入或淡出按钮点击，而不是点击覆盖本身或我我缺少的东西？ – KP83 2014-10-31 15:13:08

这是我的不好，那些Ids应该按钮，也许它应该是＃覆盖 - 一键和＃覆盖 - 两个按钮。请确保取出onClick，以免它与jquery点击处理程序发生冲突。如果你还没有尝试过，那可能是问题所在。当我把它放在小提琴里时，这一切都很有效。 Ids总是优于阶级，特别是当你想抓住一件特定的事情时。如果可以的话，总是有Ids。特别是关于重要元素。 – 2014-10-31 19:34:06

两个按钮打开每个他自己的覆盖内容

回答

相关问题