在Jquery中触发自定义事件

时间:2016-05-02 15:22:15

标签: javascript jquery triggers

在代码中的任何位置:

$(".dates > tr > td > .notInTheMonth").bind('click', '.notInTheMonth', function() {
   ...

    $(this).one("updatedCalendar",function(){
        $(this).addClass("active");
    })  
});

要触发它,我已尝试过这个:

$(".dates > tr > td > .notInTheMonth").trigger("updatedCalendar");

为什么它不起作用以及如何使其起作用?

修改

这是html:

<body>
<div class="planner">
    <div class="calendar">
        <div class="calendar-header">
            ...
        </div>
        <table class="itemsCalendar">
            <thead>
                <tr>
                    <th>
                        Lun
                    </th>
                    ...
                </tr>
            </thead>
            <tbody class="dates">
                <tr>
                    <td>
                        <span class="notInTheMonth">25</span>
                    </td>
                    <td>
                        <span class="notInTheMonth">26</span>
                    </td>
                    ...
                </tr>
                <tr>
                    <td>
                        <span class="today">2</span>
                    </td>
                    <td>
                        <span date="3-4-2016" class="">3</span>
                    </td>
                    ...
                </tr>
                <tr>
                    [...]
                </tr>
                <tr>
                    <td>
                        <span date="30-4-2016">30</span>
                    </td>
                    <td>
                        <span date="31-4-2016">31</span>
                    </td>
                    <td>
                        <span class="notInTheMonth">1</span>
                    </td>
                    <td>
                        <span class="notInTheMonth">2</span>
                    </td>
                    <td>
                        <span class="notInTheMonth">3</span>
                    </td>
                    <td>
                        <span class="notInTheMonth">4</span>
                    </td>
                    <td>
                        <span class="notInTheMonth">5</span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

一切都是由javascript生成的。它将输出一个计划器,根据月份和年份的正确日期

0 个答案:

没有答案