我在 wordpress 中有一些 html 和 css 代码来制作一个图像网格画廊,带有弹出窗口和 slider 。由于无法找到带有 wordpress 的插件来匹配我想要的设计,我自己编写了它。
我知道这是有效的,因为我的计算机上有一个工作副本,位于本地的设备(brackets.io)中。在尝试在 WordPRess 中插入代码失败后,我上网查看是否可以找到解决方案。我确实发现 jquery 没有冲突的东西,但我不确定我是否正确编写了 jquery 代码?
这里是有问题的网站,其中包含所有代码(用于隐藏内容的 HTML 和 CSS)- http://loknar.idwithin.xyz - 下面是我正在编写的 jquery 代码。它在我的桌面上运行,所以我认为我写的代码是错误的,没有冲突?
谢谢。
$j=jQuery.noConflict();
$j(document).ready(function(){
$(".content").slice(0, 4).show();
$("#loadMore").on("click", function(e){
e.preventDefault();
$(".content:hidden").slice(0, 4).slideDown();
if($(".content:hidden").length == 0) {
$("#loadMore").text("No Content").addClass("noContent");
}
});
最佳答案
您需要将 $
的每个实例替换为 $j
。否则你仍然会遇到冲突。
关于javascript - 无法让 jQuery 代码在 Wordpress 中工作,即使尝试 noConflict,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57327251/