Javascript Magento 2上的JQuery UI选项卡在IE11中不起作用

我无法使JQuery UI选项卡在我的magento 2应用程序中工作。它们在除ie11及以下浏览器之外的所有浏览器中都工作得非常好，因此对正在发生的事情感到困惑。我正在使用Require将JQuery和jqueryui加载到我的文档中

JQuery版本-1.12.4 jQueryUI版本-v1.10.4

我已经阅读了所有当前的修复示例并实施了它们（不同的doc.ready变体等），只是IE遇到了问题

require([
    "jquery","jquery/ui"
], function($){
        $( "#tabs" ).tabs();
        $( "#more-tabs1" ).tabs();
        $( "#more-tabs2" ).tabs();
        $( "#more-tabs3" ).tabs();
});

JS，非常基本的实现

<div class="tabs">
    <div id="tabs">
        <ul class="ui-tabs-nav">
            <li><a href="#tabs-1">Hair</a></li>
            <li><a href="#tabs-2">Gentlemen</a></li>
            <li><a href="#tabs-3">Beauty</a></li>
        </ul>
        <div id="tabs-1">
            <div id="more-tabs1">
                <ul class="ui-tabs-nav">
                    <li><a href="#nested-tabs-1">Cut &amp; Finish</a></li>
                    <li><a href="#nested-tabs-2">Colour</a></li>
                    <li><a href="#nested-tabs-3">Conditioning</a></li>
                    <li><a href="#nested-tabs-4">Extensions</a></li>
                </ul>
                <div id="nested-tabs-1">
                    <p>Lorem Ipsum</p>
                </div>
                <div id="nested-tabs-2">
                    <p>Lorem Ipsum</p>
                </div>
                <div id="nested-tabs-3">
                    <p>Lorem Ipsum</p>
                </div>
                <div id="nested-tabs-4">
                    <p>Lorem Ipsum</p>
                </div>
            </div>
        </div>
        <div id="tabs-2">
            <div id="more-tabs2">
                <ul>
                    <li><a href="#nested-tabs-1">Grooming</a></li>
                </ul>
                <div id="nested-tabs-1">
                    <p>Lorem Ipsum</p>
                </div>
            </div>
        </div>
        <div id="tabs-3">
            <div id="more-tabs3">
                <ul>
                    <li><a href="#nested-tabs-1">Manicures &amp; Pedicures </a></li>
                    <li><a href="#nested-tabs-2">Threading </a></li>
                    <li><a href="#nested-tabs-3">Makeup &amp; Nails </a></li>
                </ul>
                <div id="nested-tabs-1">
                    <p>Coming Soon</p>
                </div>
                <div id="nested-tabs-2">
                    <p>Lorem Ipsum</p>
                </div>
                <div id="nested-tabs-3">
                    <p>Lorem Ipsum</p>
                </div>
            </div>
        </div>
    </div>
</div>

同侧眼睑

同侧眼睑

同侧眼睑

同侧眼睑




同侧眼睑






马上就来

同侧眼睑

同侧眼睑

HTML（在Magento 2块中）

预期的结果是像其他浏览器一样工作，正确应用选项卡逻辑并使其可单击/工作-在任何浏览器的控制台中都不会收到任何错误消息

---

抱歉，如果事情看起来有点模糊，这是我的第一篇文章，如果需要，将提供更多信息

请尝试使用IE浏览器F12开发者工具检查它是否包含一些错误？使用F12网络工具检查JQuery引用和JQuery UI引用加载是否成功？此外，请检查您是否正在使用其他前端框架或插件。也许它们不兼容。@ZhiLv MSFT没有控制台错误，成功加载JS，将进一步探索其他插件，但不相信Soplese尝试使用IE浏览器F12开发工具来检查它是否包含一些错误？使用F12网络工具检查JQuery引用和JQuery UI引用加载是否成功？此外，请检查您是否正在使用其他前端框架或插件。也许它们不兼容。@ZhiLv MSFT没有控制台错误，成功加载了JS，将进一步探索其他插件，但不这样认为