Question

我们有一个自定义的jQuery菜单，它在我们的OpenCart商店中运作良好。但是，不会显示第二级子类别，PHP在更改或原始菜单上都不正确。任何具有2个或更多深度的类别都不会显示。

所以我们有一个2深的类别 http://ocart.site/opencart/index.php?route=product/category&path=25_29_59

但是你看到它不会显示在主菜单中 http://ocart.site/opencart

如果我在原始默认菜单的默认部分中添加回来，它实际上会使菜单中断。你可以看到旧菜单和新菜单的比较 http://ocart.site/defaultmenutoJQ.html

某些东西阻碍了某个地方的显示负荷，任何关于它可能是什么的想法？

以下是JSFiddle https://jsfiddle.net/mtq5khz0/

的所有相关代码

  <?php if ($categories) { ?>
  <div id="cssmenu">
    <ul>
      <?php foreach ($categories as $category) { ?>
      <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
          <?php for ($i = 0; $i < count($category['children']);) { ?>
          <ul>
            <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
            <?php for (; $i < $j; $i++) { ?>
            <?php if (isset($category['children'][$i])) { ?>
            <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
            <?php } ?>
            <?php } ?>
          </ul>
          <?php } ?>
        <?php } ?>
      </li>
    </ul>
  </div>
  <?php } ?>

OpenCart的整个标头代码 - 已编辑的代码https://jsfiddle.net/v5vmLbjj/

OpenCart默认安装https://jsfiddle.net/tneqy2qt/

的整个标头代码

（类别下拉菜单代码，靠近代码块的页脚）

这是PHP与https://jsfiddle.net/ezhnnbsg/

一起使用的JQuery菜单代码

Answer 1

您的内部循环代码似乎很奇怪。在代码之后，它看起来会起作用，但它可能容易出错。所以我重写了一点：

if ($categories) {
    echo '<div id="cssmenu">';
    echo '  <ul>';
    foreach ($categories as $category) {
        echo '    <li><a href="' . $category['href'] .'">' . $category['name'] . '</a>';

        if (count($category['children']) > 0) {
            $columns = array_chunk($category['children'], ceil(count($category['children']) / $category['column']));
            foreach ($columns as $children) {
                echo '      <ul>';
                foreach ($children as $child) {
                    echo '        <li><a href="' . $child['href'] . '">' . $child['name'] . '</a></li>';
                }
                echo '      </ul>';
            }
        }
    }
    echo '    </li>';
    echo '  </ul>';
    echo '</div>';
}

Answer 2

您在单引号中使用双引号试试这个

<?php 
     if ($categories) {
          echo "<div id='cssmenu'>";
             echo "  <ul>";
                  foreach ($categories as $category) {
                        echo "    <li><a href='".$category['href']."'>".$category['name']."</a>";

                              if (count($category['children']) > 0) {
                                   $columns = array_chunk($category['children'], ceil(count($category['children']) / $category['column']));
                                   foreach ($columns as $children) {
                                   echo '      <ul>';
                                        foreach ($children as $child) {
                                             echo "        <li><a href='" . $child['href'] ."'>" . $child['name'] . "</a></li>";
                                        }
                                   echo "      </ul>";
                                   }
                              }
                   }
                     echo "    </li>";
             echo "  </ul>";
         echo "</div>";
      }
?>

Answer 3

如果我理解正确，那么通过查看您的代码，我会发现一些令人高兴的事情。

首先，您只是遍历$categories和每个$category['children']。要进入第二级＆＃39;孩子们，你需要做另一个循环。例如：

if(!empty($category['children'][$i]['children'])) {
    echo '<ul>'; 
    foreach($category['children'][$i]['children'] as $children2) {
        echo '<li/>';
    }
    echo '</ul>'; 
}

我看到的第二个问题是你的小提琴css。

你有这个：

#cssmenu ul ul li a { font-size: 12px; font-weight: 400; z-index: 9999; width: 250px; padding: 11px 15px; text-decoration: none; color: #000; border-bottom: 1px solid rgba(150, 150, 150, .15); background: #ddd; webkit-font-size: 11.5px; }

和

#cssmenu .submenu-button { position: absolute; z-index: 99; top: 0; right: 0; display: block; width: 46px; height: 32px; cursor: pointer; border-left: 1px solid rgba(120, 120, 120, .2); }

#cssmenu .submenu-button是触发下拉列表的类，因此它需要一个高于#cssmenu ul ul li a的z-index

所以改成它：

#cssmenu ul ul li a { font-size: 12px; font-weight: 400; z-index: 98; width: 250px; padding: 11px 15px; text-decoration: none; color: #000; border-bottom: 1px solid rgba(150, 150, 150, .15); background: #ddd; webkit-font-size: 11.5px; }

请注意z-index: 98;而不是z-index: 9999;？

希望这有助于解决您的问题。

jQuery菜单没有加载PHP子类

3 个答案: