在线索提示中工作的日历插件

Question

我用过jquery、ui、日历和许多其他日历，它们在线索提示之外工作得很好，但当它在线索提示内部调用时，它的作用很大。

请提前帮忙谢谢！

<div class="calendar_button"> <a class="cal_box" href="#calendar" rel="#calendar">
        <div class="calendar_side_buton_icon"></div>
        <span>Calendar</span> </a> </div>
      <!-- close photo button -->

      <div class="displaynone" id="calendar">
        <div class="modalbox_header">
          <div class="modalbox_header_icon calen_icon"></div>
          <div class="modalbox_header_txt">Calendar</div>
        </div>
        <!-- close modalbox header -->
        <div class="modalbox_content">
          <div class="cal_container">
            <div class="cal_view">
            <div id="datepicker"></div>
              <div class="caln_header">
                <div class="caln_header_left"></div>
                <div class="caln_header_center">
                  <div class="left_keyring"></div>
                  <div class="right_keyring"></div>

看看我有这么多的div。

Answer 1

现在我知道你的问题了，我提出了(有点老生常谈的)解决方案。你可以在here上看到它

$('.cluetip-trigger').cluetip({
  local: true,
  showTitle: false,
  width: '305px',
  sticky: true,
  onShow: function(ct, ci){
    this.calendar = $('<div>').datepicker({
      onSelect: function(dateText, inst) {
        alert('You\'ve selected '+dateText);
      }
    }).appendTo(ci);
  },
  onHide: function(ct, ci){
      this.calendar.datepicker( "destroy" ).remove();
  }
});