Question

$(".clickPlan").click(function(){
  $(".panel1").animate({left:'0px'});
});  
$(".sendBtn").click(function(){
  $(".panel1").animate({left:'300px'});
});  
$(document).click(function() { 
  $('.panelBox').fadeOut('fast'); 
});
$(".clickPlan").click(function(e) {
  e.stopPropagation();
});

这里小提琴： http://jsfiddle.net/stupaul22/qV246/5/

我很接近。这是我想要的功能。

点击＆＃34; SHOW PANEL＆＃34;将面板动画到屏幕上。您可以输入姓名和电子邮件，而不会使面板消失。点击＆＃34;发送＆＃34;将面板向右移动。单击面板外部和外部的任何位置＆＃34; SHOW PANEL＆＃34;使面板褪色。

褪色后 - ＆gt;点击＆＃34; SHOW PANEL＆＃34;将面板设置为屏幕上的左侧动画。

Answer 1

您可以尝试向.panel1类添加点击处理程序，并阻止该事件传播到您文档上的点击处理程序。

// will stop the event from reaching the $(document).click handler
$(".panel1").click(function(e){
    e.stopPropagation();
})

http://jsfiddle.net/qV246/6/

jQuery - 点击（几乎！）任何地方隐藏div等

1 个答案: