Jquery日期选择器:事件日期上绑定动态的工具提示

Question

我试图创建动态工具提示(事件库)及其完成，但问题是它显示在所有日期，我只想显示工具提示在事件日期。

(也就是说，今天是2月14日，那么它应该只在2月14日显示工具提示“情人节”，但目前它的工具提示“情人节”显示在所有日期。)

这里是静态Jsfiddle代码

以下是我的PHP + JQ数据交换代码

<div id="academic_calendar" alt="<?=$title?>">

        <?php 
            $SelectStmt = "select * from calender where isactive=1 order by id desc";
            $result=   mysql_query($SelectStmt,$conn);  
            if ($row = mysql_num_rows($result)>0) 
            {  
                while ($row = mysql_fetch_assoc($result)) 
            {     
            ?>
                <li>
                    <p><strong><?=($row['title']); ?></strong><br /></p>
                </li>
                <script type="text/javascript">
                    var simple = "<?=($row['title']); ?>";
                    $('#academic_calendar').datepicker();
                    $(".ui-state-default").live("mouseenter", function() {
                        $(this).attr('title', simple);
                    });
                </script>
                <?
            }}
        ?>
    </div>
  </div>

Answer 1

您可以在javascript中使用以下语句：

$("td[data-handler=selectDay][data-month=1] :contains(14)").attr("title", "valentines day")

在你的例子中，二月用数字1索引，三月用2索引，以此类推。将其插入PHP代码中，并替换数据月和每个日期的包含选择器。也许您应该删除datepicker的title属性：

为

<div id="academic_calendar" title="tooltip">

你应该写：

<div id="academic_calendar">