Question

如何点击CGRect myFrame = CGRectMake(10.0f, 10.0f, self.view.frame.size.width, self.view.frame.size.height/2); div来关闭#overlay和侧边菜单？

现在它的工作原理如下：

：点击.toggle-canvas时会打开侧边菜单，并在.toggle-canvas
打开侧面菜单：点击#overlay时关闭侧边框，但.toggle-canvas打开

这是我想写的自定义jQuery：

#overlay

如果我将上述内容更改为

$('.toggle-canvas').click(function(e){
    $('#overlay').fadeIn(300);
    e.preventDefault();
});

$(document).on('click','.toggle-canvas',function() {
    $('#overlay').fadeOut(300);
});

它会淡化叠加层，但不会关闭菜单。

这是sidemenu.js供参考:(在此代码中进行的编辑也是可以接受的）

$(document).on('click','#overlay',function() {
    $(this).fadeOut(300);
});

Answer 1

对fadeToggle的fadeIn和fadeOut使用#overlay方法。

试试这段代码：

$(document).on('click','.toggle-canvas',function(e) {
    $('#overlay').fadeToggle(300);
    e.preventDefault();
});

注意：请不要为单个班级绑定点击事件两次

希望这会对你有所帮助。

单击切换div关闭我的#overlay和sidemenu？

1 个答案: