使用SmartAdmin PHPAjax版，页面专属JS函数全局生效问题求助

这个问题其实是事件委托的范围太广导致的——你把事件绑定在了document上，这意味着只要页面里存在#vehicle_id元素，不管是哪个页面，这个事件都会被触发。下面给你几个简单的解决办法，挑适合你项目结构的就行：

方法1：给目标页面加唯一标识，限定事件触发范围 #

给a.php页面的<body>标签添加一个唯一的类名（或ID），比如：

<!-- 在a.php的body标签里添加 -->
<body class="tyre-check-page">

然后修改你的事件绑定代码，把选择器限定在这个类的页面内：

$(document).on('change', '.tyre-check-page #vehicle_id', function(){
    var vehicle_id = $(this).val();
    // 注意：原代码里的#../可能是路径笔误，建议修正为正确的路由
    var url = '<?php echo site_url('processor/tyres/check_current_km/'); ?>' + vehicle_id;
    window.location.href = url;
});

这样只有带有.tyre-check-page类的页面（也就是a.php）里的#vehicle_id才会触发这个事件。

方法2：仅在目标页面加载脚本，直接绑定到元素 #

把这段脚本只放在a.php里，不要放到全局的公共JS文件中，并且直接绑定到#vehicle_id元素本身（而不是document）：

// 确保脚本在DOM加载完成后执行
$(function(){
    $('#vehicle_id').on('change', function(){
        var vehicle_id = $(this).val();
        var url = '<?php echo site_url('processor/tyres/check_current_km/'); ?>' + vehicle_id;
        window.location.href = url;
    });
});

这种方法更直接：因为脚本只在a.php加载，其他页面根本不会执行这段代码，自然不会触发事件。

方法3：缩小事件委托的父容器范围 #

如果a.php里的#vehicle_id是放在某个特定的父容器内（比如页面专属的模块容器），可以把事件委托绑定到这个父容器上，而不是document：

// 假设#vehicle_id在#tyre-management-container这个容器内
$('#tyre-management-container').on('change', '#vehicle_id', function(){
    var vehicle_id = $(this).val();
    var url = '<?php echo site_url('processor/tyres/check_current_km/'); ?>' + vehicle_id;
    window.location.href = url;
});

这样只有当#tyre-management-container存在的页面（也就是a.php），事件才会被委托触发，其他页面没有这个容器，事件就不会生效。

内容的提问来源于stack exchange，提问作者Nirav Parmar