为什么我的 jQuery 代码在博主条件语句中无法访问？

Question

我在 Blogger 中编码并尝试使用 jQuery 删除 classes 然后添加一些 classes。条件语句似乎适用于某些样式但不适用于脚本，并且似乎无法访问，因为它甚至没有登录控制台。

<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>

我正在尝试做的是以下内容。当一个人进入网站时，侧边栏是存在的，但当他们进入博客 post 时，侧边栏消失了，但我希望主栏是全宽的。这就是为什么我要删除 class 并添加另一个 class。我想我应该提到 classes 是 bootstrap 并且代码位于结束 head( ) 的正上方。代码中的URL已经上线，有需要的可以去看看

Answer 1

这能解决问题吗？我删除了 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>

Answer 2

您的控制台出现错误：$ 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 - 您真的应该为此使用不同的名称或 ID。

为什么我的 jQuery 代码在博主条件语句中无法访问？

Why is my jQuery code is unreachable in a blogger conditional statement?

jquery

conditional

blogger