PHP排序在Chrome和Safari中不起作用

我不确定是排序不起作用，还是我输出信息的方式。但这些"李"元素的制作顺序有时似乎是错误的。

文件夹中的图像的名称类似

A-Mike-broughsman-to-pRight-light.jpg

B-詹姆斯-美容师-右键.jpg

C-Jared-美容师-右箭头.jpg

代码如下。"li"在Firefox中的顺序是正确的，但Chrome和Safari有时会把最后一个放在第一位。有时他们不会。尽管我想知道是否可能是bxslider在页面加载后四处移动？以前有人经历过这种情况吗？

<?PHP 
    $titleName = 'who''s who'; //Wording for title of this section. Change this if you want to change the title text of this section
    include 'modules/title.php'; 
    $boydirectory = $_SERVER['DOCUMENT_ROOT']."/resources/images/who/boys";
    $girldirectory = $_SERVER['DOCUMENT_ROOT']."/resources/images/who/girls";
    $boy_results_array = array();
    $girl_results_array = array();
    if (is_dir($boydirectory))
    {
        if ($handle = opendir($boydirectory))
        {
            foreach(glob($boydirectory.'/*.*') as $file) 
            {           
                $boy_results_array[] = basename($file);
            }
            closedir($handle);
        }
    }
    if (is_dir($girldirectory))
    {
        if ($handle = opendir($girldirectory))
        {
            foreach(glob($girldirectory.'/*.*') as $file) 
            {               
                $girl_results_array[] = basename($file);
            }
            closedir($handle);
        }
    }
    sort($boy_results_array);
    sort($girl_results_array);
?>
<div class="whoSlider boy">
    <h3>Boys</h3>
    <ul class="whoBoysbxslider">
    <?php
        if(count($boy_results_array) > 0){
            for ($i = 0; $i < count($boy_results_array); $i++) {
                $result = explode('-', $boy_results_array[$i]);
                $name = str_replace("_", " ", $result[1]);
                $job = str_replace("_", " ", $result[2]);
                $alignment = $result[3];
                $color = str_replace(".jpg", "", $result[4]);
                echo "<li>";
                echo "<img src='"../resources/images/who/boys/$boy_results_array[$i]'" />";
                echo "<div class='"captionContainer $alignment $color'">";
                echo "<span>$name</span>";
                echo "<span>$job</span>";
                echo "</div></li>";
            }
        }
    ?>
    </ul>
</div>
<div class="whoSlider girl">
    <h3>Girls</h3>
    <ul class="whoGirlsbxslider">
    <?php
        if(count($girl_results_array) > 0){
            for ($j = 0; $j < count($girl_results_array); $j++) {
                $result = explode('-', $girl_results_array[$j]);
                $name = str_replace("_", " ", $result[1]);
                $job = str_replace("_", " ", $result[2]);
                $alignment = $result[3];
                $color = str_replace(".jpg", "", $result[4]);
                echo "<li>";
                echo "<img src='"../resources/images/who/girls/$girl_results_array[$j]'" />";
                echo "<div class='"captionContainer $alignment $color'">";
                echo "<span>$name</span>";
                echo "<span>$job</span>";
                echo "</div></li>";
            }
        }
    ?>
    </ul>
</div>