url 扰乱了 php 中的布局

Question

我只在 .htacess 文件中发现了问题，但没有找到解决方案

RewriteRule ^test/(.*)?$ findjob4.php?skills=$1
RewriteRule ^test-(.*)?$ findjob4.php?skills=$1

URL 1 : www.example.com/test-software
URL 2 : www.example.com/test/software

当使用 URL 2 时，页面的布局会受到干扰，而当我使用 URL 1 时，它运行良好（不是一个错误）。 谁能告诉我，为什么以及是什么问题

刚刚在上面添加了新查询

---

我在使用 .htacess 和正常 url 写入时出错

.htacess

RewriteRule ^search-jobs/(.*)?$ findjob4.php?skills=$1

findjob4.php

<?php
    if (isset($_GET['skills']) or !empty($_GET['skills'])) {
        $d_skills = $_GET['skills'];
        $d_skills = str_replace('-', ' ', $d_skills);
    } else {
        $d_skills = ""; 
    }   
    $d_location = "texas";
    $page = 1;
?>

<?php require('header.php'); ?>

<div id="container">
    <?php  do_job_search6($d_skills, $d_location, $page); ?>
</div>
<?php require('footer.php'); ?>

现在，当我用findjob4.php?skills=software 打开网址时，它完美地显示了布局。

search-jobs/software 那么结果很好，但布局主要分布在页脚区域。

当我在Chrome 和Inspect Element 和标签console 下使用Developer Tools 时 我明白了

Resource interpreted as Image but transferred with MIME type text/html: "http://localhost/example/search-jobs/software/images/loadingAnimation.gif"

而且这个错误是连续的..并且页脚的内容随着主容器的空内容而改变..

Javascript : jquery 库错误

(anonymous function)
jQuery.Callbacks.fire
jQuery.Callbacks.self.fireWith
jQuery.extend.ready

我有一张图片供下面参考。

图像1

图像2

下面是ROOT_URL 常量，我用于路径。

<?php
    define('ROOT_DIR', dirname(__FILE__));
    define('ROOT_URL', substr($_SERVER['PHP_SELF'], 0, - (strlen($_SERVER['SCRIPT_FILENAME']) - strlen(ROOT_DIR))));
?>

Answer 1

使用图像的绝对路径而不是相对路径。

<img src="http://localhost/example/images/loadingAnimation.gif" />

相对

<img src="images/loadingAnimation.gif" />