javascript - jQuery 下拉菜单不适用于 HTTPS 而适用于 HTTP

Question

将我的网站升级到 HTTPS 后，我的 jQuery 下拉菜单在某些浏览器(firefox、chrome)上不再工作，但在其他浏览器(safari、opera)上工作。在我手动允许显示此内容后(此处:http://puu.sh/6gulp.png)然后它可以工作，但我不想要那个……我什至不知道这里真正的问题是什么，我试着把我的图标图片通过 SSL 托管站点和提供 HTTPS 图像链接的 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

你正在做 https 到 http。改变这个

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