代碼工作在jsfiddle，但不是在我的網站

這裏有三個部分jsfiddle CSS，Javascript和HTML，所以應該有一個HTML文件的方式有三個部分，這裏說放棄CSS代碼，在這裏放下HTML，並放下Javascript這裏。這還沒有工作，但目前我有代碼工作在jsfiddle，但不是在我的網站

<html> 
<head> 
<title>Some Title</title> 
<style type="text/css" media="screen"> 

<!-- CSS Section From JSfiddle Goes Here --> 

</style> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">   </script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 

// Javascript Section From JSfiddle Goes Here 

}); 
</script> 
</head> 
<body> 

<!-- HTML Section From JSfiddle Goes Here --> 

</body> 
</html>

看起來這將是一件容易的事還是做盲目喜歡它可以自動化可以嗎？似乎很多人都在JSfiddle中找到示例沒有幫助，因爲JSfiddle中存在一些他們未與我們分享的魔法。

來源

2012-10-17 user1532576

如果您直接從jsfiddle粘貼，您可能需要清理代碼並刪除不可見的特殊字符。請參閱http://stackoverflow.com/q/12719859/825789 – bfavaretto

它是jquery-ui腳本標記之前缺少的'https：'嗎？ – zoli

@zoli nope - http://stackoverflow.com/q/4978235/1499781 –

你可以很容易地做到這一點。保存你的小提琴，然後點擊分享按鈕。採用全屏編輯網址並將其粘貼到新標籤中。在示例所在的主區域右鍵單擊並查看源代碼。除此之外，你有一個工作副本。

來源

2012-10-17 20:19:52 j08691

謝謝。這工作完美。 – user1532576

這不適合我（使用Chrome）。我的代碼是在iframe中動態添加的，查看源代碼沒有顯示（但是檢查DOM）。 – bfavaretto

我使用的是Chrome，它的工作方式與JSfiddle的輸出框架一樣。 – user1532576

代碼工作在jsfiddle，但不是在我的網站

回答

相關問題