在Angularjs

Question

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

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',
                }
            },

点击新订单＆＃39;按钮在桌面视图上正常工作。

对于移动视图，我隐藏了这些自定义按钮（＆＃34; New Order＆＃34;＆＃34; Bill＆＃34;）并创建新按钮，因为我希望这两个按钮位于另一行。我能够显示按钮，但点击事件不起作用。我无法弄清楚如何解决这个问题。非常感谢任何帮助。