從工作jsfiddle複製到本地環境時，jQuery和其他JS未運行？

即使上傳到我的測試服務器並使用DOM就緒，腳本似乎沒有響應。（我在小牛隊，Chrome）。從工作jsfiddle複製到本地環境時，jQuery和其他JS未運行？

的jsfiddle例如：http://jsfiddle.net/LvsYc/1361/

會有人介意幫我處理這件事嗎？我已經嘗試了很多不同的DOM準備，並沒有任何運氣。東西告訴我，它也必須：

.change

我昨天在代碼中使用它，它不工作太好。我研究並發現：

.bind('change',function)

但我的實施並沒有與那一起工作。任何人有任何想法？超煩人！

旁邊的問題：我需要引用一個jQuery庫的功能，像這樣或只是jQuery涉及像「.slide」等？謝謝！

<!DOCTYPE html> 
<head> 
    <script type="text/javascript" src="code.jquery.com/jquery-1.10.2.min.js"></script> 
    <script> 
    $(document).ready(function() { 
     function readURL(input) { 
     if (input.files && input.files[0]) { 
      var reader = new FileReader(); 

      reader.onload = function (e) { 
      $('#blah').attr('src', e.target.result); 
      } 

      reader.readAsDataURL(input.files[0]); 
     } 
     } 
     $("#imgInp").change(function(){ 
     readURL(this); 
     }); 
    }); 
    </script> 
</head> 

<body> 
<form id="form1" runat="server"> 
    <input type='file' id="imgInp" /> 
    <img id="blah" src="#" alt="my image" /> 
</form> 
</body> 
</html>

來源

2013-12-14 toad

什麼是你的代碼（HTML，jQuery）？你想要做什麼？它是做什麼的，而不是*做什麼的？ –

您是否在服務器的控制檯中發生錯誤？ – j08691

謝謝大衛。我的代碼實際上是完全相同的js小提琴代碼。它只是渲染HTML，並且當點擊選擇一個文件時，我可以抓取圖片，但它不顯示任何內容。我希望它能像普通的jsfiddle代碼一樣工作（顯示圖像）。 – toad

你在哪裏把js放在html頁面上？如果你看看這個fiddle，它不起作用，因爲我已經選擇將頭部中的js附加到一個還不存在的元素上。

放入體內的js和包裹它，就像約翰·S說

<body> 
<script type="text/javascript"> 
    $(function() { 
    // js code here 
    }); 
</script> 
</body>

此外，請確保您包括jQuery庫！

來源

2013-12-14 21:56:01 crad

感謝的人。這有助於大聲笑-__- – toad

這是否意味着我不能在外部引用JavaScript？或者我簡單地把放在正文中？ – toad

你可以將它包含在另一個文件中。我認爲這裏的問題的總和是1）包括js庫和2）在附加事件之前確保元素存在於DOM中。其他人也指出了這一點。 – crad

從工作jsfiddle複製到本地環境時，jQuery和其他JS未運行？

回答

相關問題