Question

在我创建的网站中，我使用的是jQuery Mobile，它让我不太了解，而且我遇到了很大的问题。在我的网站中，我只在一个页面上链接到jQuery Mobile，我只想在一个页面上使用jQuery Mobile（我不知道这是否可行，但这就是我想要做的）。

我的网站上有四个主页：Homepage.php，SalesForms.php，Reports.php和Login.php。我只想在Reports.php页面上使用jQuery Mobile（我将它用于转换以创建漂亮的html表单过程）。

每当我访问Reports.php页面时，它都会使用jQuery Mobile和jQuery以及jQuery Mobile CSS，这很好。但是，当我离开Reports.php页面并转到其他页面时，jQuery Mobile及其CSS仍然被使用，即使它没有链接到那些页面上，当我不想要它时使用

例如，当我访问Homepage.php它没有使用jQuery Mobile或其CSS时，我访问了使用jQuery Mobile及其CSS的Reports.php，然后我再次访问Homepage.php并且它仍在使用jQuery Mobile及其CSS。这对我来说是一个问题，因为jQuery Mobile的CSS在Reports.php页面以外的页面上干扰了我的CSS，这是它链接到的唯一页面。

我想知道是否以及如何使jQuery Mobile只能在Reports.php页面上使用，这样如果我在访问Reports.php页面后转到另一个页面，它就不会使用jQuery Mobile。 / p>

这是我链接到jQuery Mobile的代码（我只在Reports.php页面链接到jQuery Mobile）：

<head>
    <link rel="stylesheet" href="../css/jQuery.css">
    <link rel="stylesheet" href="../css/Main.css">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
</head>

jQuery.css只是jQuery CSS的修改版本，因此它不会干扰我的CSS而Main.css就是我的CSS。

Answer 1

我假设您没有使用mod_rewrite，并且您的文件reports.php在网址上可见。

根据您的评论：这是$ _SERVER [“REQUEST_URI”]的输出：

string(47) "/~a7068104/2013-2014/Lab_13/Reports/Reports.php"

所以，我们将使用stripos（）来检查用户是否正在请求一个页面，其中包含“reports.php”！我们使用不区分大小写的函数而不是strpos（），您可以在（http://www.php.net/manual/en/function.stripos.php）找到更多信息

您可以使用以下条件/逻辑：

<?php if ( stripos($_SERVER['REQUEST_URI'], "reports.php") ) : ?>

    <!-- add the html specific to the REPORTS.PHP -->


<?php else: ?>

    <!-- add the html specific to NON REPORTS.PHP Pages -->

<?php endif; ?>

<!-- Remember, everything else GOES OUTSIDE THE PHP IF CLAUSE --->

您的问题的解决方案是：

    <link rel="stylesheet" href="../css/jQuery.css">
    <link rel="stylesheet" href="../css/Main.css">
    <?php if ( stripos($_SERVER['REQUEST_URI'], "reports.php") ) : ?>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
    <?php else: ?>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <?php endif; ?>

希望这有帮助！

如何使jQuery Mobile只影响一个页面

1 个答案: