我的slidetoggle不工作，而頁面轉換爲「https：//」

我的代碼工作正常，直到網站不是「https：//」，但當網站轉到「https：// ...」頁面slidetoggle停止加工。我錯過了什麼？我的代碼在標題：
我的slidetoggle不工作，而頁面轉換爲「https：//」

$(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：//開頭） Working Link

不工作鏈接（即在https：//） Not working Link

任何幫助都被高度考慮。在此先感謝。

來源

2013-07-08 Adarsh Khatri

看起來像你的jQuery包括需要使用https以及。 Chrome中的控制檯顯示「[blocked] https://digitalcinema.com.au/v/DigitalCinemaEmail/test.html中的頁面從http://ajax.googleapis.com/ajax/libs/jquery/1.10中運行了不安全的內容·1/jquery.min.js「。嘗試將包含jquery的腳本標記更改爲https而不是http ...嗯，看起來您可能還有其他一些代碼問題，但是https不工作的原因是由於jquery包含腳本標記。 – gbinflames

總是檢查您的控制檯的錯誤。目前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-08 00:18:52

雅現在工作。但它正在導致我的其他菜單問題。雖然我作爲管理員登錄我得到頂部酒吧（volusion酒吧），但我把這個代碼後，它被禁用。我該怎麼辦？ –

嗯，現在很難說，你可以發佈鏈接到破壞的頁面嗎？同時在Chrome開發工具或Firebug上檢查控制檯，我敢肯定你可以在那裏看到錯誤。 –

感謝您的時間Hieu Nguyen。我發現這個問題，即Volusion使用jquery版本1.4.2，我使用1.10.1，這意味着我不能使用此代碼。期待有一種方法來實現這個功能。 –

我的slidetoggle不工作，而頁面轉換爲「https：//」

回答

相關問題