本文旨在提供在移动设备上禁用特定 JavaScript 代码的有效方法，主要针对网页设计中常见的横向滚动功能。我们将探讨两种基于 WordPress 环境的解决方案，包括有条件加载脚本和使用 wp_print_scripts 钩子来取消注册脚本，并提供额外的参考资料，帮助开发者更好地控制移动端的用户体验。
在网页开发中，有时我们需要根据设备类型来调整 JavaScript 代码的行为。例如，在桌面设备上启用的横向滚动功能，在移动设备上可能体验不佳，需要禁用。以下介绍几种实现此目的的方法，特别是在 WordPress 环境下。
方法一：有条件加载脚本
这种方法的核心思想是只在非移动设备上加载包含横向滚动逻辑的 JavaScript 文件。这可以通过 WordPress 的 wp_enqueue_scripts 钩子来实现。
移动端UI&微信UI YDUI Touch
下载
YDUI Touch专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高；使用 Flexbox 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局；用 rem 实现强大的屏幕适配布局，等比例适配所有屏幕；自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。
function custom_load_scripts() {
// 仅在非移动设备上加载脚本
if ( ! wp_is_mobile() ) {
wp_enqueue_script( 'horizontal-scroll', get_template_directory_uri() . '/js/horizontal-scroll.js', array(), '1.0.0', true );
}
}
add_action( 'wp_enqueue_scripts', 'custom_load_scripts' );代码解释：
立即学习“Java免费学习笔记（深入）”；
- custom_load_scripts() 函数用于加载脚本。
- wp_is_mobile() 是 WordPress 提供的一个函数，用于检测当前设备是否为移动设备。如果不是移动设备，该函数返回 false，! wp_is_mobile() 则返回 true。
- wp_enqueue_script() 函数用于注册和加载 JavaScript 文件。
- 'horizontal-scroll' 是脚本的句柄（handle），用于唯一标识该脚本。
- get_template_directory_uri() . '/js/horizontal-scroll.js' 是脚本文件的 URL。 确保 horizontal-scroll.js 文件中包含你的横向滚动 JavaScript 代码。
- array() 是依赖项数组，表示该脚本不依赖于其他脚本。
- '1.0.0' 是脚本的版本号。
- true 表示将脚本加载到页面的底部（在
