我有一个 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>
我做错了什么?
谢谢
最佳答案
已更新
首先你应该试试这个,因为 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 byget_stylesheet_directory_uri()
instead.
关于javascript - 在 noconflict 中加载似乎不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39028947/