Доброго времени суток. Почему-то скрипт не хочет работать на локальном серве(open server). Когда его запускаешь на
http://jsfiddle.net/ он работает. С чем может быть это связано?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
table {
border-collapse: collapse;
width: 500px;
margin-bottom:5px;
}
td{
padding: 5px;
}
select{
width: 68%;
margin-right:10px;
}
</style>
<script type="text/javascript" src="/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="/myjs.js"></script>
</head>
<body>
<form action="Test.php" method="POST">
<table>
<tr>
<td id="input-selectors" width="70%">
<div>
<input type="text" size="15" name="selector[]">
<a href="javascript:void(0)" id="add"><img src="/img/button_ok_7096.png" border="0"></a>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
myjs.js
$('#add').click(function(event){
addDynamicExtraField();
return false;
});
function addDynamicExtraField() {
var div = $('<div/>').appendTo($('#input-selectors'));
var a = $('<a/>', {
id: 'delete'
}).appendTo(div);
var img = $('<img/>', {
src: '/img/cross_5876.png'
}).appendTo(a);
a.click(function() {
$(this).parent().remove();
});
var input = $('<input/>', {
name: 'selectot[]',
size: '15',
type: 'text'
}).appendTo(div);
var a = $('<a/>', {
id: 'add'
}).appendTo(div);
var img = $('<img/>', {
src: '/img/button_ok_7096.png'
}).appendTo(a);
}
$('.DeleteDynamicExtraField').click(function(event) {
$(this).parent().remove();
return false;
});
При этом на серве работает, когда указываешь
<a href="javascript:void(0)" id="add" onclick="addDynamicExtraField()">