Почему мой код jQuery недоступен в условном выражении блоггера? - PullRequest
Новая
       8

Почему мой код jQuery недоступен в условном выражении блоггера?

0 голосов
/ 17 января 2019

Я пишу код в Blogger и пытаюсь использовать jQuery для удаления классов, а затем добавить некоторые классы. Кажется, что оператор Conditional работает с некоторыми стилями, но не со сценарием, и, по-видимому, недоступен, поскольку он даже не входит в консоль. 

<b:if cond='data:blog.url == "https://testjvtdesigns.blogspot.com/"'>
        <style>
            .post {
                margin-bottom: 50px; 
                width: 100%
            }
        </style>
    <b:else/>
        <script type = "javascript">
            console.log('Im readable');
            $('.blog').removeClass('col-lg-9 col-md-9').addClass('col-lg-12 col-md-12');
        </script>
        <style>
            .side {
                display:none;
            }
        </style>
    </b:if>

Я пытаюсь сделать следующее. Когда человек заходит на сайт, появляется боковая панель, но когда они переходят на пост в блоге, боковая панель исчезает, но я хочу, чтобы основной был на всю ширину. Вот почему я хочу удалить класс и добавить другой класс. Думаю, я должен упомянуть, что классы являются начальной загрузкой, а код находится прямо над закрывающей головкой (). URL-адрес в коде является действующим, при необходимости вы можете зайти и проверить его.

Ответы [ 2 ]

0 голосов
/ 17 января 2019

В вашей консоли есть ошибка: $ is not defined Похоже, вы пытаетесь запустить этот скрипт до загрузки jquery.

Вы можете либо вызвать jquery раньше, загрузить скрипт позже или сделать что-то вроде следующего: 

jQuery(document).ready(function($) {
     console.log('Im readable');
     $('.blog').removeClass('col-lg-9 col-md-9').addClass('col-lg-12 col-md-12');
});

Я также заметил, что у вас есть классы, называемые .blog, а также .Blog - для этого вам действительно следует использовать разные имена или идентификаторы.

0 голосов
/ 17 января 2019

Устраняет ли это проблему? Я удалил type = javascript (это необязательно в HTML5 и должно быть text / javascript ) и поместил jQuery в document.ready. 

<b:if cond='data:blog.url == "https://testjvtdesigns.blogspot.com/"'>
        <style>
            .post {
                margin-bottom: 50px; 
                width: 100%
            }
        </style>
    <b:else/>
        <script>
$(document).ready(function(){
            console.log('Im readable');
            $('.blog').removeClass('col-lg-9 col-md-9').addClass('col-lg-12 col-md-12');
});
        </script>
        <style>
            .side {
                display:none;
            }
        </style>
    </b:if>
...