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中工作

回答

相關問題