Создать короткий код для эха javascript

У меня есть этот фрагмент кода typed.js, который я хочу вызвать из короткого кода:

<script src="https://www.example.com/wp-content/themes/mediso-v1-03/javascript/jquery-2.2.4.min.js"></script> <script src="https://www.example.com/wp-content/themes/mediso-v1-03/javascript/typed.js"></script> <script>// <![CDATA[ $(function(){ $(".element-typing").typed({ strings: ["This is my typing text"], typeSpeed: 20 }); }); // ]]></script> <p class="element-typing"></p> 

Вот что я придумал:

 // Add Shortcode function custom_shortcode23() { wp_enqueue_script('script-typed-jquery', 'https://www.example.com/wp-content/themes/mediso-v1-03/jquery-2.2.4.min.js', array('jquery')); wp_enqueue_script('script-typed', 'https://www.example.comwp-content/themes/mediso-v1-03/typed.js', array('jquery')); echo '<script>// <![CDATA[$(function(){ $(".element-typing").typed({ strings: ["This is my typing text"], typeSpeed: 20 }); });', '// ]]></script>', '<p class="element-typing"></p>'; } add_shortcode( 'typed23', 'custom_shortcode23' ); 

Но это не работает. Где я ошибаюсь?

Solutions Collecting From Web of "Создать короткий код для эха javascript"

Прежде всего, похоже, что вы пытаетесь ввести в очередь версию 2.2.4 jquery при условии, что jquery уже загружен. Это не выглядит хорошо.

Во-вторых, вы не можете просто повторить скрипт в коротком коде. Вы должны добавить его в другой скрипт, используя wp_add_inline_script . Как это:

 function wpse238227_custom_shortcode23() { wp_enqueue_script('script-typed', 'https://www.example.comwp-content/themes/mediso-v1-03/typed.js', array('jquery')); // script needs to be added $script_to_add = 'jQuery(function ($) { $(".element-typing").typed({ strings: ["This is my typing text"], typeSpeed: 20 }); });'; wp_add_inline_script ('script-typed', $script_to_add); // the html needs to be returned return "<p class='element-typing'></p>"; } add_shortcode( 'typed23', 'wpse238227_custom_shortcode23' ); 

Обратите внимание, что этот скрипт будет добавлен в нижний колонтитул, потому что к моменту, когда WordPress оценит короткий код в контенте, глава сайта уже собран. Вы также можете больше узнать о сценариях очереди из коротких кодов в целом.