在 noconflict 中加载似乎不起作用

Question

我有一个 WooCommerce 网站，我刚刚开始摆弄一些东西。我制作了一个带有出现在滚动条上的徽标的小型浮动菜单，但我遇到了没有冲突的问题。它似乎不起作用。

当有人在结帐时输入他们的卡号时，我会收到输入卡号的警告，或者如果我是开发人员，请确保不存在 JQuery 冲突。

我删除了我制作的代码，结帐工作正常，但没有任何消息。 这就是我所拥有的。如果我搞砸了，请告诉我。

这是我的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
var jqu = $.noConflict();
jqu(document).scroll(function() {
    var y = jqu(this).scrollTop();
    if (y > 400) {
        jqu('.bottomMenu').slideDown();
    } else {
        jqu('.bottomMenu').slideUp();
    }
});
jqu(function(){
    jqu(".bottomMenu").hide();
});
</script>

我做错了什么？

谢谢

Answer 1

更新

首先你应该试试这个，因为 wordpress 使用 jQuery 而不是 $ 简写。

这是您更改后的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
jQuery( document ).ready(function() {
    var y = $(this).scrollTop();
    if (y > 400) {
        jQuery('.bottomMenu').slideDown();
    } else {
        jQuery('.bottomMenu').slideUp();
    }
    jQuery(function(){
        jQuery(".bottomMenu").hide();
    });

});
</script>

之后最好使用wp_enqueue_script() 函数将您的自定义脚本放在外部.js 文件中，放入您的主题文件夹（此处为 js 子文件夹在您的主题文件夹中）。

你可以使用这样的东西（在你的活动主题的 function.php 文件中）：

function enqueuing_my_scripts() {
    if ( !is_admin() ) {
        wp_enqueue_script( 'my_script', get_template_directory_uri() . '/js/my_script.js', array('jquery'), '1.0.0', true );
    }
}
add_action( 'wp_enqueue_scripts', 'enqueuing_my_scripts' );

由于查询已经在 wordpress 中，除了自定义 js 文件脚本之外，您不需要任何其他内容。

如果您使用的是子主题，那么您将把 get_template_directory_uri() 函数替换为 get_stylesheet_directory_uri()。