Javascript работает в редакторе Wordpress, но не в браузере без редактора Wordpress - PullRequest
0 голосов
/ 08 января 2020

Я хотел, чтобы на моем веб-сайте Wordpress был заголовок с изменяющимся словом, например «Создать что-то, что [меняющее слово]».

Мне удалось заставить его работать, но после того, как я открыл его в браузер без интерфейса Wordpress, я заметил, что слово не меняется. Почему это может быть? Я пробовал Firefox и Chrome, в обоих случаях он работал только с интерфейсом Wordpress - если я не подключился через / wp-admin /, текст не изменился.

Как я добавил собственные сценарии в Wordpress

Я использовал этот код для добавления настраиваемого сценария в Wordpress:

    add_action( 'wp_enqueue_scripts', 'add_my_script' );
        function add_my_script() {
            wp_enqueue_script(
                'custom-script', 
                get_template_directory_uri() . '/js/custom-script.js', 
                array('jquery') 
            );
        } 

Что я добавил в качестве настраиваемого сценария и HTML

var second = ['bold','emotional','simple', 'impactful', 'unforgettable', 'fulfilling'];
var i = 0;
var j = 0;
var maxsecond = second.length - 1;

function delay() {
    setInterval(secondwordchange, 3000);
}

function secondwordchange() {
    if (j < maxsecond) j++; else j = 0;

    $('#secondword').velocity("transition.slideUpOut", 200);

    setTimeout(function () {
        $('#secondword').text(second[j]);
    }, 200);

    $('#secondword').velocity("transition.slideUpIn", 200);
}

setTimeout(delay, 3000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.1.0/velocity.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.1.0/velocity.ui.min.js"></script>
<div id="intro"><h3>
    <span style="font-size: 40px; font-weight: 600; line-height: 1.3em; ">
    Create something that is 
    <br><span id="secondword" class="introchange" style="color:#ff0083;font-size: 40px;  ">Unique</span>
</div>

Как я уже сказал, это работает только тогда, когда я вошел в Wordpress. Когда я пробую его на другом компьютере, оно не меняет слово на розовый.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...