Итак, у меня есть элемент td с атрибутом onclick = 'edit (this)'. Все в этом скрипте отлично работает, за исключением случаев, когда я пытаюсь выполнить оповещения(), когда вводится непространственный или числовой символ, абсолютно ничего не происходит с элементом.jQuery Анимация не отображается
<script>
function edit(s) {
if(s.innerHTML != " " && s.innerHTML != "<nobr name=\"clear\"> </nobr>") {
s.innerHTML = "<input onblur='set(this)' id ='select' type='text' value='"+ s.innerHTML[19] +"'>";
}
else{
s.innerHTML = "<input onblur='set(this)' id ='select'type='text'>";
}
document.getElementById('select').focus();
}
function set(s) {
if(s.value == "" || (s.value != "1" && s.value != "2" && s.value != "3" && s.value != "4" && s.value != "5" && s.value != "6" && s.value != "7" && s.value != "8" && s.value != "9")){
if(s.value != "1" && s.value != "2" && s.value != "3" && s.value != "4" && s.value != "5" && s.value != "6" && s.value != "7" && s.value != "8" && s.value != "9") {
s.parentNode.innerHTML = "<nobr name='clear' id='alert'> </nobr>";
alerts();
}
else {
s.parentNode.innerHTML = "<nobr name='clear'> </nobr>";
}
}
else{
s.parentNode.innerHTML = "<nobr name='clear'>" + s.value + "</nobr>";
}
}
function clears() {
var g = window.prompt("Remove all values from sudoku:","1");
if(g != null) {
$("#sudoku"+g+" [name='clear']").html("");
}
}
function alerts() {
$("#alert").parent().animate({backgroundColor: 'red'},"fast");
$("#alert").parent().animate({backgroundColor: 'white'},"slow",killid());
}
function killid() {
$("#alert").removeAttr("id");
}
</script>
Идентификатор добавляется, а затем удаляется почти мгновенно после этого. Цвет фона не изменяется.
Идеи?
ли вы попробовать это в jsfidle –
@AlexShilman Это работает на моем веб-сервере. – user3105700