Question

此代码在主页上工作但无法在任何其他页面上工作我无法理解其中的问题。

在codeigniter配置文件中，'csrf_protection'也为FALSE。

JQUERY

 $(document).ready(function () {
    $("#services").hover(
    function () {
        $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true, true).slideDown("fast");$(this).toggleClass('open');},
    function () {
        $('.dropdown-menu', this).not('.in .dropdown-menu').stop(true, true).slideUp("fast");$(this).toggleClass('open');}
    );
});

HTML

<li id="services" class="dropdown" data-wow-delay="0.2s"><a <?= active('services') ?> data-toggle="dropdown" href="#">Services</a>
   <ul class="dropdown-menu" role="menu">
     <li><a href="<?= base_url('services/dry-cleaning') ?>">Dry Cleaning</a></li>
     <li><a href="<?= base_url('services/fluff-fold') ?>">Fluff & Fold</a></li>
     <li><a href="<?= base_url('services/wedding-gowns') ?>">Wedding Gowns</a></li>
     <li><a href="<?= base_url('services/drapery') ?>">Drapery</a></li>
     <li><a href="<?= base_url('services/table-bed-linens') ?>">Table & Bed Linens</a></li>
     <li><a href="<?= base_url('services/alterations') ?>">Alterations</a></li>
     <li><a href="<?= base_url('services/purse-rug-leather-cleaning') ?>">Purse | Rug | Leather Cleaning</a></li>
   </ul>
</li>

Answer 1

一个可能的解释是，您在主页上包含了jquery库，但在其他页面上没有。尝试

$("document").ready(function(){
    alert("Alerted Text");
});

在主页以外的任何页面上查看jQuery是否正常工作

Answer 2

只检查其他页面上的id服务，如果它在那里它应该工作，如果没有那么你可以将$（“＃services”）更改为$（“。someclass”）这里someclass是任何常见的类名

Answer 3

我解决了这个问题.. !!与slider.js其他页面存在冲突，只有主页的滑块才有滑块，所以其他页面不需要slider.js。

我只是从所有其他页面中删除slider.js。那就解决了。

如果没有主页，下拉JQuery无法正常工作

3 个答案: