jQuery下拉菜单不适用于HTTPS，适用于HTTP

Question

将我的网站升级到HTTPS后，我的jQuery下拉菜单在某些浏览器（Firefox，chrome）上不再有效，而在其他浏览器（safari，opera）上工作。在我手动允许显示此内容（此处：http://puu.sh/6gulp.png）后，它可以工作，但我不希望那个 ofc...我什至不知道这里真正的问题是什么，我试图通过提供HTTPS图像链接的SSL托管站点和Dropbox将我的图标图片放在HTTPS的菜单中，但它仍然没有显示在HTTPS url上。当我删除所有图像图标时也是如此。这里可能有什么问题？

这是我的jQuery代码：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#simple-account-dropdown > .account").click(function(){
            $("#simple-account-dropdown > .dropdown").fadeToggle("fast", function(){
                if($(this).css('display') == "none")
                    $("#simple-account-dropdown > .account").removeClass("active");
                else
                    $("#simple-account-dropdown > .account").addClass("active");
            });
        });
    });
</script>

这是我的下拉菜单的 HTML：

<ul id="container2">
    <li>
        <div id="simple-account-dropdown">
            <div class="account">
                <img src="css/images/avatar.png" alt="Account"/>
                <span>Hello <b><?php echo $username ?></b></span>
                <img src="css/images/arrow.png" alt="Dropdown"/>
            </div>
            <div class="dropdown" style="display: none">
                <ul>
                    <li><a href="profile.php"><img src="images/user-icon.png" alt="Upload"/>Account info</a></li>
                    <li><a href="chgpass.php"><img src="images/pass-icon.png" alt="Upload"/>Change your Password</a></li>
                    <li><a href="login.php"><img src="images/logout.png" alt="Upload"/>Logout</a></li>
                </ul>
            </div>
        </div>
    </li>
</ul>

Answer 1

你正在对 http 执行 https 操作。更改此内容

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>

进入这个

<script type="text/javascript" src="//code.jquery.com/jquery-1.9.0.min.js"></script>