Question

我有一个WooCommerce网站，我刚开始摆弄一些东西。我做了一个小的浮动菜单，上面有滚动出现的徽标，但我遇到了noconflict的问题。它似乎没有工作。

当有人在结账时输入他们的卡号时，我会收到一个警告，要求输入卡号，或者如果我是开发人员以确保没有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>

最好使用Switching to Em-Based Media Queries功能将自定义脚本放在外部 .js 文件中，放入主题文件夹（此处为 {{1}主题文件夹中的子文件夹。）

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

function.php

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

如果您使用的是子主题，那么您将替换 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' ); get_template_directory_uri() 。< / p>

在noconflict中加载似乎不起作用

1 个答案: