Question

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

这是我的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>

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

1 个答案: