Javascript 使用同位素.js,更深层次受到影响

Javascript 使用同位素.js,更深层次受到影响,javascript,jquery,jquery-isotope,megamenu,Javascript,Jquery,Jquery Isotope,Megamenu,我正在使用同位素.js制作一个megamenu,并在megamenu堆栈中有序地放置UL。因此,基本上我有以下HTML: <ul> <li>ABOUT <ul> <li>We're Great</li> <li>We're Really Great</li> </ul> </li> <li>DIVISIONS <

我正在使用同位素.js制作一个megamenu,并在megamenu堆栈中有序地放置UL。因此,基本上我有以下HTML:

<ul>
  <li>ABOUT
    <ul>
      <li>We're Great</li>
      <li>We're Really Great</li>
    </ul>
  </li>
  <li>DIVISIONS
    <ul class="level-2">
      <li>Category One
        <ul class="level-3">
          <li>Item One</li>
          <li>Item Two</li>
        </ul>
      </li>
    </ul>
    <ul class="level-2">
      <li>Category Two
        <ul class="level-3">
          <li>Item One</li>
          <li>Item Two</li>
          <li>Item Three</li>
          <li>Item Four</li>
        </ul>
      </li>
    </ul>
    <ul >
      <li>Category Three
        <ul class="level-3">
          <li>Item One</li>
          <li>Item Two</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Products
    <ul>
      <li>Product One</li>
      <li>Product Two</li>
    </ul>
  </li>
</ul>
它将同位素测定应用于即使在UL的三级级别内的li。。。我只想把它应用到UL的那一层,这样它们可以友好地堆叠,但我不想让更深层次的LI's发生任何事情,它们应该在各自的UL中是正常的

我在包含UL的位置上有位置:相对,并且LI在其左侧浮动,显示:块也在其上。不知道我可能错过了什么


希望这真的有意义。有人能给我指出正确的方向吗?

$container.isotox{itemSelector:'ul.level-2 li'};和/或使您不想做任何事情的lis定位:staticul.level-2>li'更加具体
var $container = $('ul.level-2');

$container.isotope({
    itemSelector: 'li'
});