Href属性在弹出框内不起作用

时间:2019-06-27 16:44:07

标签: javascript ios fullcalendar popover

我有完整的日历事件,每个事件上都有弹出窗口,每个弹出窗口内部都有一个href链接(关闭编辑时间),并且这些链接在IOS设备上不起作用。 (Android一切正常) jQuery编写的代码。

https://i.stack.imgur.com/pW54u.png

renderVacations: function (event, element) {
    $(element).data('id', event.id);
    let mobile = window.mobilecheck();
    let url = App.appointments.index.pageURL + '/' + $(element).data('id') + '/edit-timeoff';
    let vacationText = event.type === App.appointments.index.eventTypes.vacation ? 'Vacation for ' : 'Company related time off for ';
    let content = '<span class="text-bold">' + vacationText + event.technician + '</span>' + '<hr>';
    content += '<span class="margin-top-5 margin-bottom-5"><span class="popover-card">' + event.notes + '</span></span>';

    if (mobile) {
        content += '<a href="'+url+'" class="padding-10 popover-edit-vacation">Edit Time off</a>';
    }

    element.popover({
        title: '<span class="color-light-grey">' + event.start.format('YYYY-MM-DD, LT ') + ' - ' + event.end.format('YYYY-MM-DD, LT ') + '</span>',
        content:  content,
        trigger: 'hover',
        delay: {
            show: mobile ? '50' : "1000",
        },
        placement: 'auto',
        container: 'body',
        html: true
    });
    $(element).find('.fc-event-dot').remove();
    $(element).css('cursor', 'pointer');
    if (!mobile) {
        $(element).on('click', function (e) {
            window.location = url
        });
    }
}

0 个答案:

没有答案