Question

我在Froala编辑器中有一个自定义下拉列表，并且我正在执行一项耗时的任务，在此过程中，我需要在按钮上显示一个微调器。任务完成后，我关闭下拉列表，任务完成后，我移除了微调器。到目前为止一切都很好。

但是，当任务完成时，下拉菜单中的操作将有所不同，以显示任务的结果，因此自然而然地再次显示下拉菜单以可视化即可。

$scope.$watch('generatingPreview', function(newValue, oldValue){
    var pdfToolbarButton = $('#pdfPreview-1');
    if (newValue) {
        if($('#generatingPreviewSpinner').length === 0) {
            pdfToolbarButton.removeClass('fr-active'); // Make sure not active style is hanging on
            pdfToolbarButton.append('<i id="generatingPreviewSpinner" class="inlineSpinner blue50 posA mAn t0 b0 r0" style="width:40px;height:40px;background-color:rgba(0,0,0,0.3);border-radius: 100%;"></i>');
            pdfToolbarButton.addClass('fr-disabled'); // This is Froala method of setting disabled
        }
    } else {
        pdfToolbarButton.removeClass('fr-disabled');
        $('#generatingPreviewSpinner').remove();
        $timeout(function(){
            // I tried to call click method here (jQuery) to trigger the dropdown, but this doesn't work
            pdfToolbarButton.click(); 
        });
    }
});

此代码一直到pdfToolbarButton.click();都可以正常工作，尽管它没有按我的意愿打开它。关于如何实现此目标的任何提示？

如何在Froala编辑器中触发和打开下拉按钮

0 个答案: