Javascript 检查是否呈现Jquery Ui？_Javascript_Jquery

Javascript 检查是否呈现Jquery Ui？

javascript jquery

Javascript 检查是否呈现Jquery Ui？,javascript,jquery,Javascript,Jquery,我正在使用jQueryUI（选项卡和手风琴）。当页面加载时，我看到所有内容，因为选项卡/手风琴代码尚未呈现我想隐藏的内容，以标签和手风琴插件已绑定自己的一切然而，我不知道如何检查这一点 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>accordion demo</title>

我正在使用jQueryUI（选项卡和手风琴）。当页面加载时，我看到所有内容，因为选项卡/手风琴代码尚未呈现

我想隐藏的内容，以标签和手风琴插件已绑定自己的一切

然而，我不知道如何检查这一点

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>accordion demo</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
 
<div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget.
    Integer ut neque. Vivamus nisi metus, molestie vel, gravida in,
    condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros.
    Nam mi. Proin viverra leo ut odio.</p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>Sed non urna. Phasellus eu ligula. Vestibulum sit amet purus.
    Vivamus hendrerit, dolor aliquet laoreet, mauris turpis velit,
    faucibus interdum tellus libero ac justo.</p>
  </div>
  <h3>Section 3</h3>
  <div>
    <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus.
    Quisque lobortis.Phasellus pellentesque purus in massa.</p>
    <ul>
      <li>List item one</li>
      <li>List item two</li>
      <li>List item three</li>
    </ul>
  </div>
</div>
 
<script>
$( "#accordion" ).accordion();
</script>
 
</body>
</html>


手风琴演示
第一节
莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特。
整数ut neque。Vivamus nisi metus，molestie vel，年的孕妇，
调味品坐在阿梅特，努克。南阿尼布。Donec suscipit Peros。
南美。维韦拉·利奥·奥迪奥
第二节
塞德·努尔纳。叶舌。前庭位于阿梅特普鲁斯。
亨德雷特万岁，多洛·阿利奎特·拉奥里特，毛里斯·图皮斯·维利特，
这是一个自由的世界
第三节
Nam enim risus，molestie et，porta ac，aliquam ac，risus。
奎斯克·洛博蒂斯。马萨的帕伦特斯·普鲁斯

第一项
清单项目二
清单项目三

$（“#手风琴”）。手风琴（）；

在accordion插件渲染成合适的accordion之前，不要显示任何内容。

最坏的情况是，您可以使用css隐藏accordion父级

#accordion { display: none}

并将

show（）

链接到插件初始化：

$( "#accordion" ).show().accordion();

我在jQueryUI选项卡上遇到了同样的问题，并通过这种方式解决了它。在主体中，在定义选项卡之后，我立即将其隐藏，如下所示

<UL ID=TabList STYLE='list-style-type: none'>
  <LI><A HREF='#tabs-1'>Page 1 </A></LI>
  <LI><A HREF='#tabs-2'>Page 2</A></LI>
  <LI><A HREF='#tabs-3'>Page 3</A></LI>
</UL>
<SCRIPT>
/* Hide the above section as soon as it's created, otherwise it displays briefly as a regular bulleted list before being converted into tabs. This only works here, not in the head. The section is shown after the tabs are created. */
  $('#TabList').hide();
</SCRIPT>

然后在document.ready函数中显示它们

$('#TabList').show();

嗯，我的代码和脚本是在局部视图中加载的，所以我没有真正的头脚本。我不知道你所说的局部视图是什么意思，但是如果你不能使用头部部分，你可以把$（function（）{$（'#tabs'）.tabs（）}）行放在主体中隐藏它们的行附近（我不确定是在那之前还是之后），然后把$（'#TabList'）.show（）在主体部分的底部，以便在加载所有内容后执行。我不知道这是否有效，但值得一试。

$('#TabList').show();