javascript - 在 fullcalendar eventRender 中附加链接不调用 javascript

Question

我有一个关于 Fullcalendar 的问题，请附加到 EventRender 和 javascript 中。

我有这个

eventRender: function (event, element) {
                if (event.noLaboral == true) {
                    element.find('.fc-event-title').append("</br>");
                }
                else{
                    element.find('.fc-event-title').append(" hour &nbsp;<a href =/User/Index/100022/Event/View/"+ event.id +"   class='search'><i class = 'glyphicon glyphicon-search'></i>&nbsp;search</a> ");
                }

我的 JavaScript 是这样的

<script type="text/javascript">

    $(document).ready(function () {
        $('.search').click(function (e) {
            e.preventDefault();
            var id = $(this).attr('href');
            alert(id);
        });
    });
</script>

如果我把这个

<a href =/User/Index/100022/Event/View/"+ event.id +"   class='search'><i class = 'glyphicon glyphicon-search'></i>&nbsp;search</a>

在日历之外，函数 $(.'search').click 工作，javascript 停止重定向事件并在屏幕上打印 url，但如果将此标记添加到 eventRender 中，在日历里面就像告诉你一样，不起作用!!!为什么？？？。

Answer 1

您的点击永远不会起作用，因为当您定义时

$('.search').click(function (e) {...})

日历未加载，因此没有 <a>...</a>

尝试将您的代码放入 eventAfterAllRender (http://fullcalendar.io/docs/event_rendering/eventAfterAllRender/)

我认为应该有效

希望对您有帮助。