我有一个简单的日历,当你点击一天时,会弹出一个窗口,让你点击一顿饭来申请当天。我的问题是,如果你点击一天来弹出弹出窗口,然后你点击关闭而不选择用餐,那么当你选择另一天和一顿饭时,它会将你的用餐添加到你点击的前一天作为你想要的人。
有没有办法清除变量,以免发生这种情况?我仍然是jQuery的新手,所以任何帮助都会有所帮助。
我的代码如下:
$('#meal-planner .add-meal').click(function(event) {
var theMenu = '#the-menu';
var dayType = $(this);
var dayTypeClone = $(this).clone();
var mealType = $(this).data("mealtype");
// Show The Targeted Menu
$(theMenu + '> section').removeClass('active');
$("#" + mealType).addClass('active');
$(theMenu).addClass('active');
// Clone and Append
$('#the-menu .jsMealItem').click(function(e) {
var mealClone = $(this).find('figure').clone();
dayType.replaceWith(mealClone);
$(theMenu).removeClass('active');
});
// Close Menu
$('button#close').click(function(event) {
$(theMenu).removeClass('active');
});
});