0

私のコードは、サイトが「https://」でなくなるまで正常に動作しますが、サイトが「https://...」ページに移動すると、slidetoggle が機能しなくなります。私は何が欠けていますか？ヘッダーの私のコード:

$(document).ready(function(){
  $(".flipChat").click(function(){
    $(".cornerContactBox").slideToggle("slow");
  });
});

コンテンツ内の私のコード:

<div class="livecontactCorner">
    <div class="flipChat">Contact us</div>
    <div class="cornerContactBox" style="display:none;">

            All content goes here..................

    </div><!--chatbox closing-->
</div><!--live chat corner closing-->

私のcssは：

.livecontactCorner{
    background:#CCC;
    width:300px;
    position:fixed;
    right:10px;
    bottom:0px;
    font-size:13px;
    text-align:justify;
}

.livecontactCorner, .flipChat{
    border-top-left-radius:20px;
}

.cornerContactBox{
    height:auto;
    text-align:justify;
}

.flipChat{
    width:270;
    height:30px;
    background:#0066CC;
    cursor:pointer;
    text-align:left;
    font-family:arial,sans-serif; 
    font-weight:bold;
    font-size:16px;
    padding-top:10px;
    padding-left:30px;
    color:#0077ff; 
    color:white; 
    text-transform:uppercase;
}

私の作業用リンク (つまり、https:// にない) 作業用リンク

機能しないリンク (つまり、https://)機能し ないリンク

どんな助けも高く評価されています。前もって感謝します。

4

1 に答える 1

1

常にコンソールにエラーがないか確認してください。現在、jQuery は http を使用しているためブロックされています。したがって、次から変更する必要があります。

http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js

に

https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js

そして、すべてがうまくいくはずです。

于 2013-07-08T00:18:52.323 に答える