Я пытаюсь использовать что-то прямо внутри сообщения WordPress, похожего на скрипку, которую я создал здесь http://jsfiddle.net/t304o8aL/
Я прочитал, что WordPress не нравится использование $ поэтому я заменил их на jQuery
а затем поместил следующий код с помощью текстового редактора
<div class="show_hide"><img id="aImg" class="aligncenter size-full wp-image-1170 im" src="http://lorempixel.com/400/200/nature" alt="a-series-main" /></div> <div class="slidingDiv"><img id="aInfo" class="aligncenter size-full wp-image-1171" src="http://lorempixel.com/400/200/food" alt="a-series-detail" /></div> <script> jQuery(window).load(function(){ jQuery(".slidingDiv").hide(); jQuery(".show_hide").show(); jQuery('.show_hide').click(function(){ jQuery(this).next().slideToggle(); }); jQuery('.slidingDiv').click(function(){ jQuery('.slidingDiv').slideUp(); }); }); </script>
JQuery загружается в начало документа, но в исходном коде <script> обертывается несколькими тегами <p> и я не уверен, как остановить это.
<p><script> jQuery(window).load(function(){ jQuery(".slidingDiv").hide(); jQuery(".show_hide").show();</p> <p>jQuery('.show_hide').click(function(){ jQuery(this).next().slideToggle(); });</p> <p>jQuery('.slidingDiv').click(function(){ jQuery('.slidingDiv').slideUp(); }); }); </script></p>
Заранее благодарю за любую помощь!
Хорошо, поэтому, основываясь на ваших комментариях, проблема в том, что эти надоедливые
теги … WordPress отвратительно с этими, иногда.
Как я уже сказал, возможно, стоит посмотреть в плагин, который позволяет добавлять javascript к определенным сообщениям / страницам.
Тем временем я подозреваю, что все должно работать, если вы поместите весь свой тег javascript на одну строку (без символов новой строки) … Не легко читать, но это должно помешать WP добавлять
теги в вашем javascript:
<script> jQuery(window).load(function(){ jQuery(".slidingDiv").hide(); jQuery(".show_hide").show(); jQuery('.show_hide').click(function(){ jQuery(this).next().slideToggle(); }); jQuery('.slidingDiv').click(function(){ jQuery('.slidingDiv').slideUp(); }); });</script>
Надеюсь это поможет!