没有主页，下拉菜单 JQuery 无法工作

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 是任何常见的 class 名称

Answer 3

我已经解决了这个问题..!!与 slider.js 有冲突，另一个页面没有滑块，只有主页有滑块，所以另一个页面不需要 slider.js。

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

没有主页，下拉菜单 JQuery 无法工作

Dropdown JQuery not working without Homepage

javascript

jquery

html

codeigniter-3