簡單的jQuery不會加載

我正嘗試重新學習HTML/CSS/JavaScript，並且遇到了正在構建的網站的問題。我在Squarespace上試圖實現jQuery。我有簡單的代碼，它不會工作。請讓我知道我做錯了什麼。簡單的jQuery不會加載

這是我的「頁眉代碼注入」

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

這是我的實際頁面：

<div id="accordion"> 

<h3>Section 1</h3> 
    <div> 
    <p> 
     Blah 
    </p> 
    </div> 
    <h3>Secion 2</h3> 
    <div> 
    <p> lalala 
    </p> 
    </div> 
</div>

我需要聲明「文/ JavaScript的」？我試過添加「https」，聲明它爲HTML5等...

請幫忙！我搜索了四周。

謝謝。

來源

2013-03-29 Kelsey

你運行這個，或者從您的計算機上的文件夾。 –

哪個腳本不工作？ – ssilas777

你期望它做什麼？你所做的只是包括jQuery，你實際上並沒有做任何事情。 –

我假設你確實希望使用從jQuery UI的手風琴部件？在這種情況下，你需要實際運行一些代碼來告訴jQuery你想要這樣做。

後您的標籤導入兩個腳本，補充一點：

<script> 
$(function() { 
    $("#accordion").accordion(); 
}); 
</script>

這告訴jQuery來找到ID爲accordion標籤，並在其上運行的功能.accordion()，這在jQuery UI的把它變成手風琴部件。

另請注意，該協議少網址的設計，所以你可以在http:和https之間切換，而無需更改您的代碼。不幸的是，如果您正在從文件系統（file:）運行頁面，它將無法工作，因爲它會嘗試從本地硬盤驅動器加載腳本。如果您正在本地運行，請在URL的開頭明確添加http:。

來源

2013-03-29 18:33:39

謝謝你，但遺憾的是，沒有任何的建議是worki NG。我認爲這就是Squarespace如何渲染它的代碼。我正在瀏覽他們的網站，而不是其他任何東西。 – Kelsey

如果您使用本地，那麼它會尋找file://哪些不存在。使用此：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 
<script>$(function() {$("#accordion").accordion();});</script> <!-- To call accordion-->

編輯：使用//，在JS控制檯看看錯誤： enter image description here

來源

2013-03-29 18:33:00

'src =「//'**不會解析爲'file：//'，它會解析爲'http：//'或'https：//'參見[http：// stackoverflow。 COM /問題/ 550038/IS-IT-有效更換的-HTTP-WITH-IN-A-腳本-SRC-HTTP]（http://stackoverflow.com/questions/550038/is-it-valid-to -replace-http-with-in-a-script-src-http） – couzzi

當然，如果**在本地被訪問**。編輯我的答案，看看 –

對，但你編輯了你的答案。 OP說：「我在[Squarespace]（http://new.squarespace.com/）並試圖實現jQuery。」，這意味着*不*本地。 – couzzi

要使用手風琴UI控件，您需要實例這樣的：

<script> 
    $(function() { 
    $("#accordion").accordion(); 
    }); 
    </script>

外部源加載之後。

此文檔中發現：http://jqueryui.com/accordion/

點擊「查看源文件」鏈接。

來源

2013-03-29 18:33:56

謝謝！說實話，我認爲這是平方空間，以及他們如何呈現他們的網站。我會繼續嘗試。再次感謝你。 – Kelsey

爲了使用jQuery UI的手風琴，你需要設置它：

<script> 
    $(function() { 
    $("#accordion").accordion(); 
    }); 
</script>

此外，請確保您的HTML標記相符什麼是手風琴插件預期：

<div id="accordion"> 
    <h3>Section 1</h3> 
    <div> 
     <p>Lorem</p> 
    </div> 
     <h3>Section 2</h3> 
    <div> 
     <p>Ipsum</p> 
    </div> 
</div>

最後，確保您還包括jQuery UI的CSS：

3210

請參閱此鏈接：在Web服務器http://jqueryui.com/accordion/

來源

2013-03-29 18:36:54 couzzi

謝謝，我嘗試了所有的東西，我在想這是因爲Squarespace加載東西的方式。 – Kelsey

簡單的jQuery不會加載

回答

相關問題