setTimeout(f,0) 等效？为啥它可以解决跨浏览器问题？

Posted 2023-02-24

【中文标题】setTimeout(f,0) 等效？为啥它可以解决跨浏览器问题？

【英文标题】：setTimeout(f,0) equivalent? why does it solve cross-browser issues?setTimeout(f,0) 等效？为什么它可以解决跨浏览器问题？

【发布时间】：2012-01-20 09:58:24

【问题描述】：

以下方法：

Init: function (selector, settings)

    setTimeout(function()
    
        var s =
        
            width: '100%',
            script_url: '/Content/Scripts/tiny_mce/tiny_mce.js',
            theme: "advanced",
            plugins: "autolink,lists,pagebreak,style,layer,table,paste,directionality,noneditable,visualchars,xhtmlxtras,template",
            theme_advanced_buttons1: "fontselect,fontsizeselect,|,bold,italic,underline,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist",
            theme_advanced_buttons2: "",
            theme_advanced_buttons3: "",
            theme_advanced_buttons4: "",
            theme_advanced_more_colors: false,
            theme_advanced_toolbar_location: "top",
            theme_advanced_toolbar_align: "left",
            theme_advanced_statusbar_location: "none",
            theme_advanced_resizing: false,
            convert_urls: !!$(selector).data("richEditor-ConvertUrls") // by default we don't convert urls
        ;
        $.extend(s, settings);
        $(selector).tinymce(s);
    ,0);

适用于所有浏览器， 出于某种原因，我需要 setTimeout(f,0) 调用 firefox，在 MVC 上的 ajax 部分加载时调用此方法，如果没有此调用，编辑器会挂在 firefox 和分页符上（单击内容通常会导致异常）。通过通话，一切正常。

我想知道如何避免这个 setTimeout 调用（通过其他一些解决方法），如果这不是一个选项，我想知道为什么。

我担心这可能不是针对这种情况的最干净的解决方案。

【问题讨论】：

您的 ajax 回调是否会使用内容更新您的页面？这可能在 DOM 更新之前触发。如果是这种情况，我认为您可以使用 jQuerys 就绪事件等待 DOM 完成，然后再将 tinymce 应用于 $(selector)。

它确实更新了 DOM，但这也在 $(f()); 内执行

您是否有理由在超时内而不是在 Init 方法之外声明 s（除了在此处发布）。还有一种方法可以在 jsfiddle 中重新创建此问题吗？这会让我更容易尝试并提供帮助。

没有理由。两种方式都没有区别，我会尝试为此创建一个小提琴。

在这里看到一个类似的问题***.com/questions/779379/…

【参考方案1】：

这肯定是时间问题。 DOMContentLoaded 上是否发生了其他事情，也许 tinyMCE 或其他脚本也在该事件上运行？ 还是加载了执行 document.write() 的脚本？

可能在加载时执行此功能会使问题消失。 如果是这种情况，您必须弄清楚问题发生时发生了什么，也许可以在 Firebug 中进行配置文件会话。