Question

我在Blogger中编码，然后尝试使用jQuery删除类，然后添加一些类。条件语句似乎可以使用某些样式，但不能使用脚本，并且由于甚至未登录控制台，因此似乎无法访问。

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

我想做的是以下几点。当一个人进入站点时，会出现侧边栏，但是当他们进入博客文章时，侧边栏就消失了，但是我希望主页面保持全角。这就是为什么我要删除该类并添加另一个类的原因。我想我应该提到这些类是引导程序，并且代码正放在结束head（）上方。代码中的URL是实时的，您可以根据需要进行检查。

Answer 1

这可以解决问题吗？我删除了type = javascript（它在HTML5中是可选的，应该为 text / javascript ），然后将jQuery放入文档中。就绪。

<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代码在博客条件声明中无法访问？

2 个答案: