Jquery 在Angularjs中将自定义按钮动态添加到Fullcalendar

我正在尝试根据屏幕大小添加/隐藏自定义按钮。这是我的日历配置代码

windowResize: function(){
$('.fc-scroller').css('height', 'auto');
        var ww = $(window).width();

        if (!$('#billBtn').length) {
            $('.fc-toolbar').find('.fc-clear').before('<div id="billBtn" class="" style="margin-top:0.5em;"><button id="billBtn1" class="fc-left fc-button fc-state-default fc-corner-left fc-corner-right fc-state-hover">Prev Bill: 0</button></div>')
            $('.fc-toolbar').find('.fc-clear').before('<div id="newOrderBtn" class="fc-right"><button id="newOrderBtn1" type="button" class="fc-NewOrder2-button fc-button fc-state-default fc-corner-left fc-corner-right fc-state-hover" onclick="clickNewOrder()">New Order</button></span>')
        }
        if (ww < 600) {
            $('.fc-Bill-button').hide();
            $('.fc-NewOrder-button').hide();
            $('#billBtn').css("display", "block");
            $('#newOrderBtn').css("display", "block");
        }
        else {
            $('#billBtn').hide();
            $('#newOrderBtn').hide();
            $('.fc-Bill-button').css("display", "block");
            $('.fc-NewOrder-button').css("display", "block");
        }
},
customButtons: {
                NewOrder: {
                    text: 'New Order',
                    click: vm.clickNewOrder
                },
                Bill: {
                    text: 'Prev Bill: 0.0',
                }
            },

windowResize:function（）{
$（'fc scroller'）.css（'height'，'auto'）；
var ww=$（window.width（）；
如果（！$（'#billBtn'）。长度）{
$（“.fc工具栏”）.find（“.fc清除”）.before（'Prev Bill:0'））
$（'.fc toolbar'）。查找（'.fc clear'）。在（'New Order'之前）
}
如果（ww<600）{
$（'.fc Bill button'）.hide（）；
$（'.fc NewOrder button'）.hide（）；
$（'billBtn'）.css（“显示”、“块”）；
$（'#newOrderBtn'）.css（“显示”、“块”）；
}
否则{
$（'#billBtn'）.hide（）；
$（'#newOrderBtn'）.hide（）；
$（'fc Bill button'）.css（“显示”、“块”）；
$（'.fc NewOrder button'）.css（“显示”、“块”）；
}
},
自定义按钮：{
新秩序：{
文本：“新订单”，
单击：vm.clickNewOrder
},
法案：{
文本：“上一张票据：0.0”，
}
},

“新订单”按钮的单击事件在桌面视图上正常工作。

---

对于mobile view，我隐藏了这两个自定义按钮（“新订单”和“账单”），并创建了新按钮，因为我希望这两个按钮位于另一行。我可以显示按钮，但单击事件不起作用。我想不出如何解决这个问题。非常感谢您的帮助。

为什么要在调整大小时动态添加按钮？在声明日历后立即添加它们，但将它们隐藏起来。您不太可能在事件处理方面遇到问题。顺便说一句，当您尝试单击新按钮时，是否会出现任何控制台错误？是的，我收到以下错误“未捕获引用错误：在HtmlButtoneElement中未定义clickNewOrder。单击“如何在声明日历后立即添加按钮？”可能您有一个

$（“#日历”）。fullCalendar…

位代码，上面的样品只是其中的一部分？因此，在该语句完成后的下一行，您可以立即移动以

$（'.fc toolbar'）开头的两行。find（'.fc clear'）。before（'至于错误消息，我注意到您在“new”按钮中称之为“clickNewOrder”，但在“customButtons”声明中称之为“vm.clickNewOrder”。它们是否应该相同？什么是“vm”？我用vm.ClickNewOrder得到了“未捕获引用错误：未在HTMLButtonElement.onclick中定义vm”