爲什麼在jsfiddle上工作的代碼在本地不起作用？

-2

我從jsfiddle中獲取一個腳本，顯然它工作，但是當我嘗試在本地運行它時，它停止工作。我的另一個問題是使用的jsfiddle代碼閱讀，我需要把我的腳本爲：爲什麼在jsfiddle上工作的代碼在本地不起作用？

$(document).ready(function() { 
});

我做了下面的代碼，但它甚至不工作。有人可以幫幫我嗎？

<html> 
<head> 
<style type="text/css"> 
li { 
border: 1px solid #ccc; 
margin-bottom:3px; 
padding: 2px 5px; 
} 

button { 
margin-left: 10px 
} 
</style> 
<script type=」text/javascript」> 


$(document).ready(function() { 

$('#btnName').click(function(){ 
var text = $('#inputName').val() + '<button>x</button>'; 
if(text.length){ 
    $('<li />', {html: text}).appendTo('ul.justList') 
} 
}); 

$('ul').on('click','button' , function(el){ 
$(this).parent().remove() 
}); 
}); 

</script> 
</head> 

<body> 

<input type="test" id="inputName" /> 
<button id="btnName">Add</button> 

<ul class="justList"></ul> 

</body> 
</html>

來源

2015-05-17 Davide Scaraggi

你錯過script標籤包括jQuery的 – amdixon

假設錯誤是'$沒有defined'，jQuery是沒有加載到您的網頁。 –

@AdamAzad：沒有任何錯誤，因爲花哨的引號。完全沒有任何事情發生，使得缺少的腳本更難以診斷。 –

兩個原因：

因爲你不包括jQuery的網頁上。你在什麼地方需要
```
<script src="http://code.jquery.com/jquery-1.11.0.js"></script> 
```
您script（與路徑或jQuery的一些其他有效的路徑）。
引號這裏
```
<script type=」text/javascript」> 
```
是看中了報價。他們必須是正常的報價。或者，最佳實踐，根本不包括type; JavaScript是默認的。

這也值得以合理，一致的方式格式化您的代碼。

例如爲：

<html> 
<head> 
<style type="text/css"> 
li { 
border: 1px solid #ccc; 
margin-bottom:3px; 
padding: 2px 5px; 
} 

button { 
margin-left: 10px 
} 
</style> 
<script src="http://code.jquery.com/jquery-1.11.0.js"></script> 
<script> 
$(document).ready(function() { 

    $('#btnName').click(function() { 
     var text = $('#inputName').val() + '<button>x</button>'; 
     if (text.length) { 
      $('<li />', { 
       html: text 
      }).appendTo('ul.justList') 
     } 
    }); 

    $('ul').on('click', 'button', function(el) { 
     $(this).parent().remove() 
    }); 
}); 
</script> 
</head> 

<body> 

<input type="test" id="inputName" /> 
<button id="btnName">Add</button> 

<ul class="justList"></ul> 

</body> 
</html>

來源

2015-05-17 08:50:45

爲什麼在jsfiddle上工作的代碼在本地不起作用？

回答

相關問題