Bootstrap3.js 和 Wordpress jQuery v1.10.2 无法正常工作

Posted 2023-05-08

【中文标题】Bootstrap3.js 和 Wordpress jQuery v1.10.2 无法正常工作

【英文标题】：Bootstrap3.js and Wordpress jQuery v1.10.2 do not work properly

【发布时间】：2013-11-19 19:01:18

【问题描述】：

我的 Bootstrap.js 3 有问题。更准确地说，我的问题是用于菜单滚动功能的 collapse.js 和 Wordpress 1.3.7 中的 jquery 库。

我想使用 WP 中的 jquery。当我将引导 js 排入队列时，滚动根本不起作用。如果我从 wp-includes/js/jquery 中删除 Wordpress jquery.js 并添加旧版本的 JQuery（即：v1.9.1），滚动功能效果很好！

是不是 boostrap.js 和新的 jquery.js 有冲突？

这是我在functions.php中的代码

function my_scripts() 
    wp_enqueue_script( 'jquery');   
    wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/assets/js/bootstrap.js',   array('jquery'), true );


 add_action( 'wp_enqueue_scripts', 'my_scripts' );

提前致谢

【问题讨论】：

控制台有错误吗？

Wordpress 使用 jQuery 的无冲突模式，这可能是问题所在。我怀疑 Bootstrap 的脚本是否直接使用 $，但您对它们的初始化可能是。

没有错误。奇怪的是，当我在 wp-includes 中添加旧的 jquery 时，一切都很好。你的建议是什么？我应该更改functions.php代码中的某些内容吗？

【参考方案1】：

这是因为 jQuery 的无冲突模式。您需要在 jQuery 脚本包含和引导脚本包含之间有以下语句

var $ = jQuery.noConflict();

或转到 wp-includes/js/jquery 并删除或评论最后一条语句，例如

jQuery.noConflict();