2017-11-17 34 views
1

WordpressのカスタムHTMLモジュールに表示/非表示切り替えを入れようとしています いくつかの異なるコードを試しましたが、それらはすべてフィドルで動作しますが、誰も動作しませんWP。 ご意見はありますか?ここで私が試したコードの一つです。トグルワードプレスの表示/非表示

jQuery(document).ready(function(){ 
 
jQuery('#hideshow').live('click', function(event) {   
 
    jQuery('#content').toggle('show'); 
 
}); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<div id='content'>Hello World</div> 
 
<input type='button' id='hideshow' value='hide/show'>

+0

それをしようと考えて、あなたのコードは正常に動作し始めました。あなたの質問コードを今すぐチェックしてください(今すぐ実行してください)。 'live()'は 'jQuery'の最新バージョンではサポートされていません。今では '.on()'を使用しています –

+0

htmlでJQueryをインポートしましたか? – Ferus7

+1

[jqueryのlive()の複製が推奨されていません。今何を使用しますか?](https://stackoverflow.com/questions/9422069/jquerys-live-is-deprecated-what-do-i-use-now) –

答えて

0

私はその作品がそう(つまりは1.7.1です)適切なjQueryライブラリを追加した後

$(document).ready(function(){ 
     $('body').on('click','#hideshow', function() {   
     $('#content').toggle('show'); 
     }); 
    });