javascript - 在 noconflict 中加载似乎不起作用

Question

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

当有人在结帐时输入他们的卡号时，我会收到输入卡号的警告，或者如果我是开发人员以确保不存在 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 文件脚本之外，您不需要任何其他东西。

If you are using child theme, then you will replace get_template_directory_uri() function by get_stylesheet_directory_uri() instead.