如何將代碼從JsFiddle放到網站上？

-4

我有一個關於JsFiddle的代碼，似乎無法將它放入我的網站中，並以HTML和JavaScript格式。我把CSS放到了我的CSS文件中，該文件工作正常，放置了HTML並且工作正常，但我似乎無法觸發JavaScript的工作。有人可以幫助，並指出我一個正確的方向？謝謝。如何將代碼從JsFiddle放到網站上？

<html> 
 
    <head> 
 
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
 
     <title>$MODULE_NAME$ - $SITE_NAME$</title> 
 
     <?$META_DESCRIPTION$?> 
 
     <?$META_KEYWORDS$?> 
 
     <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> 
 
     <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script> 
 
     <script src="http://joxongir.ucoz.com/cardgame.js"></script> 
 
    </head> 
 
    <body> 
 
     <input type="button" value="Deal Card" id="deal" /> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <div id='drop' class='drop'>Drop Here</div> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     $GLOBAL_BFOOTER$ 
 
</html> 
 
</table> 
 
</body>

的jsfiddle文件： http://jsfiddle.net/otpspbhs/5/

頁即時試圖得到它的工作是joxongir.ucoz.com/stuff

編輯：這是代碼我到目前爲止，我已經改變了

<html> 
 
    <head> 
 
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
 
     <title>$MODULE_NAME$ - $SITE_NAME$</title> 
 
     <?$META_DESCRIPTION$?> 
 
     <?$META_KEYWORDS$?> 
 
     <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> 
 
     <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script> 
 
     <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script> 
 
    </head> 
 
    <body> 
 
     <input type="button" value="Deal Card" id="deal" /> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <br/> 
 
     <div id='drop' class='drop'>Drop Here</div> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     <br> 
 
     $GLOBAL_BFOOTER$ 
 
<script src="http://joxongir.ucoz.com/cardgame.js"></script> 
 
</html> 
 
</table> 
 
</body>

來源

2015-10-09 Macho Man

你有嵌入版本。只需點擊jsfiddle網站上的分享按鈕 –

你的腳本資源：後頁面完全加載

<script src="http://joxongir.ucoz.com/cardgame.js"></script>

必須加載。您可以通過使用jQuery的頁面就緒處理程序，或通過在關閉body標籤之前放置腳本選項卡來完成此操作。

要解釋問題的詳細信息，當外部JavaScript腳本的第1行運行時，HTML DOM元素id="deal"尚不存在，因爲瀏覽器尚未通過HTML解析。使用$('#deal).click(...附加事件直到元素存在纔會執行任何操作。

次要的問題：

您還沒有加載的jQuery UI，這個標籤添加到你的頭上，使UI功能：

<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>

來源

2015-10-09 09:44:54 laylarenee

好吧，我把js腳本放入，但它仍然不起作用 –

它需要是正文中最後一個標籤。 – laylarenee

所以我應該把

Drop Here

到JS文件？我確實把它作爲最後一個標籤，但它仍然不起作用 –

希望這將有助於

<div> 
    <a href="http://jsfiddle.net/otpspbhs/5" target="_blank"> 
     <button id="navLink">Take to Link</button> 
    </a> 
</div>

jsfiddle

來源

2015-10-09 09:48:36 brk

如何將代碼從JsFiddle放到網站上？

回答

相關問題