当鼠标超过日历中的日期时,我想显示工具提示。这是我创建日历和添加工具提示的代码。除了工具提示之外,一切都正常工作。
function check_in_out_enable2(in_date, out_date) {
"use strict";
var today, prev_date;
today = new Date();
jQuery("#" + in_date).datepicker({
dateFormat : "yy-mm-dd",
minDate: today,
beforeShowDay: enableAllTheseDays
}, jQuery.datepicker.regional[control_vars.datepick_lang]).datepicker('widget').wrap('<div class="ll-skin-melon"/>');
jQuery("#" + in_date).change(function () {
prev_date = new Date(jQuery('#' + in_date).val());
jQuery("#" + out_date).datepicker("destroy");
jQuery("#" + out_date).datepicker({
dateFormat : "yy-mm-dd",
minDate: prev_date,
beforeShowDay: enableAllTheseDays
}, jQuery.datepicker.regional[control_vars.datepick_lang]);
});
jQuery("#" + out_date).datepicker({
dateFormat : "yy-mm-dd",
minDate: today,
beforeShowDay: enableAllTheseDays
}, jQuery.datepicker.regional[control_vars.datepick_lang]);
jQuery("#" + in_date + ",#" + out_date).change(function (event) {
jQuery(this).parent().removeClass('calendar_icon');
});
jQuery("#" + in_date+ " .highlight a").tooltip();
jQuery("#" + out_date+ " .highlight a").tooltip();
}
check_in_out_enable2('start_date', 'end_date');
发布于 2015-05-06 11:10:15
这是我的解决办法。而不是
jQuery("#" + in_date+ " .highlight a").tooltip();
jQuery("#" + out_date+ " .highlight a").tooltip();
我用了一个自定义的工具提示
jQuery("html").on("mouseenter",".freetobook .ui-state-default", function() {
var price;
price = jQuery(this).parent().attr('title');
jQuery(this).append('<span class="hover_price">'+price+'</span>');
});
jQuery("html").on("mouseleave",".freetobook", function() {
//jQuery(this).find('.hover_price').remove();
});
https://stackoverflow.com/questions/30054241
复制相似问题