document.getElementById（''）。style.display ='block';不在Wordpress中工作

我有一个功能，可以在点击时切换内容。document.getElementById（''）。style.display ='block';不在Wordpress中工作

jQuery("#about_temp").click(function($){ 
    document.getElementById('con_temp').style.display='block'; 
    document.getElementById('keyc_temp').style.display='none'; 
    document.getElementById('benec_temp').style.display='none'; 
});

这段代码中是否有语法错误？它不隐藏“con_temp”内容。但是，如果我运行正常的HTML（我的意思不是在WordPress中）相同，它工作正常。

来源

2016-12-30 Juhi Mathur

如果你正在使用jQuery，你为什么要用jQuery来做隐藏显示？你可以直接写$（“＃con_temp”）。show（）;并为所有 – rahulsm

$（'＃con_temp'）。hide（）;希望它能起作用。 – Sona

@JuhiMathur，你是否在控制台中发现任何错误？ –

-1

你可以试试：

jQuery(function(){ 
    jQuery("#about_temp").click(function(){ 
     jQuery("#con_temp").show();    // jQuery("#con_temp").css("display","block"); 
     jQuery("#keyc_temp").hide();   // jQuery("#keyc_temp").css("display","none"); 
     jQuery("#benec_temp").hide();   // jQuery("#benec_temp").css("display","none"); 
    }) 
})

或与on尝试，如果你的页面的HTML是动态或任何事件之后发生

jQuery(function(){ 
    jQuery("body").on("click","#about_temp",function(){ 
     jQuery("#con_temp").show();    // jQuery("#con_temp").css("display","block"); 
     jQuery("#keyc_temp").hide();   // jQuery("#keyc_temp").css("display","none"); 
     jQuery("#benec_temp").hide();   // jQuery("#benec_temp").css("display","none"); 
    }) 
})

来源

2016-12-30 06:10:30

已经试过了dis。。不工作:( –

@JuhiMathur如果你正在越来越'TypeError：$不是一个函数[了解更多]'用jQuery替换$或使用jQuery.noConflict（）。 –

您可以使用下面的脚本

jQuery("#about_temp").click(function($){ 
    jQuery('#con_temp').show(); 
    jQuery('#keyc_temp, #benec_temp').hide(); 
});

产生

来源

2016-12-30 06:21:20

我认为你在代码中的错误是 - jQuery("#about_temp").click(function($){...}); - 尝试将它改为 - $("#about_temp").click(function() {...})

$("#about_temp").click(function() { 
    document.getElementById('con_temp').style.display='block'; 
    document.getElementById('keyc_temp').style.display='none'; 
    document.getElementById('benec_temp').style.display='none'; 
});

如果您正在使用jQuery更容易使用jQuery方法不是JavaScript（hide和show）。

试试这个---

$("#about_temp").click(function() { 
    $('#con_temp').show(); 
    $('#keyc_temp, #benec_temp').hide(); 
});

给人一种参数隐藏和显示像hide("slow")或show("slow")会给动画效果的内容。

来源

2016-12-30 06:38:03 Advaith

hide（）slow（）函数不工作:( –

@JuhiMathur你所面对的错误或问题是什么？点击函数是否正常工作？尝试使用alert（）函数检查它是否设置了内容的id – Advaith

没有点击功能正常工作。已经尝试使用警报，它是working.only style.display不起作用 –

document.getElementById（''）。style.display ='block';不在Wordpress中工作

回答

相关问题