Javascript jQuery函数的性能较慢

有人能理解为什么这会表现得如此缓慢吗？ 如果没有明显的问题，我可以将jQuery排除在问题之外，并将注意力转向CSS

       $("#dialog-modal").dialog({
            modal: true,
            autoOpen: false,
            resizable: false,
            draggable: false,
            dialogClass: 'ui-dialog-content1',
            show:{
                effect:"blind",
                duration:500
            },
            buttons: {
                "discharge": {
                    text: " Discharge ",
                    click: function () {
                        $('#DisRefForm').submit(); 
                    },
                    class: 'btn purple',
                    style: 'font-family: "Segoe UI", Helvetica, Arial, sans-serif'
                },
                "cancel": {
                    text: " Cancel",
                    click: function () {
                        $(this).dialog('close');
                    },
                    class: 'btn blue', 
                    style: 'font-family: "Segoe UI", Helvetica, Arial, sans-serif'
                }
            },

    });

disreform是我表单的ID。。 jQuery函数链接回一个div

     <div id="dialog-modal" title="Discharge Warning">
        <p>Are you sure you want to discharge this Guy ?</p>
    </div>

你确定要开除这家伙吗

删除模式：对于jQuery为true。速度快一点

有多慢？这不是500毫秒的表演效果，是吗？什么表演慢了？按钮点击事件触发？对话显示？（最后一次尝试较小的持续时间）不，显示很好，但是当我将鼠标放在btn上时，光标需要一段时间才能变为手形图标，一旦点击btn，会有进一步的延迟。。。涉及到很多CSS，但我只想确定它不是jQuery本身…使用开发人员工具，下面显示的是未捕获的RangeError：超出了最大调用堆栈大小。好的，我注释掉了modal:true行，它的启动速度与我预期的一样快。。。。去掉那条线会有连锁反应吗？？