Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery动画不显示_Javascript_Jquery_Html - Fatal编程技术网

Javascript jQuery动画不显示

Javascript jQuery动画不显示,javascript,jquery,html,Javascript,Jquery,Html,因此,我有一个属性为onclick='edithis'的td元素。 这个脚本中的一切都很好,除了当我尝试在键入非空格或数字字符时执行警报外,元素绝对不会发生任何变化 <script> function edit(s) { if(s.innerHTML != "&nbsp;" && s.innerHTML != "<nobr name=\"clear\">&nbsp;</nobr>") {

因此,我有一个属性为onclick='edithis'的td元素。 这个脚本中的一切都很好,除了当我尝试在键入非空格或数字字符时执行警报外,元素绝对不会发生任何变化

<script>
    function edit(s) {
        if(s.innerHTML != "&nbsp;" && s.innerHTML != "<nobr name=\"clear\">&nbsp;</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'>&nbsp</nobr>";
                alerts();
            }
            else {
                s.parentNode.innerHTML = "<nobr name='clear'>&nbsp</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>
添加id后,几乎立即将其删除。背景色不变


想法?

这是因为在启动动画时正确调用了函数。删除函数名后的括号,让animate方法调用它:

$("#alert").parent().animate({ backgroundColor: 'white' }, "slow", killid);

这是因为在启动动画时正确调用了函数。删除函数名后的括号,让animate方法调用它:

$("#alert").parent().animate({ backgroundColor: 'white' }, "slow", killid);

这是因为在启动动画时正确调用了函数。删除函数名后的括号,让animate方法调用它:

$("#alert").parent().animate({ backgroundColor: 'white' }, "slow", killid);

这是因为在启动动画时正确调用了函数。删除函数名后的括号,让animate方法调用它:

$("#alert").parent().animate({ backgroundColor: 'white' }, "slow", killid);


你试过这个吗jsfidle@AlexShilman它正在我的Web服务器上运行。您在中尝试过这个吗jsfidle@AlexShilman它正在我的Web服务器上运行。您在中尝试过这个吗jsfidle@AlexShilman它正在我的Web服务器上运行。您在中尝试过这个吗jsfidle@AlexShilman它正在我的Web服务器上运行。它仍然不工作。id出现,等待,然后消失。td元素没有任何变化。在Google Chrome中,如果我手动应用背景色元素,它会显示背景色,但代码不起作用。@user3105700:你有使彩色动画工作的插件吗?没有插件。为了手动添加背景色元素,我使用了Inspect元素工具。顺便说一句,我的编码很好。我没有意识到如果我这样编码它会调用函数。它仍然不工作。id出现,等待,然后消失。td元素没有任何变化。在Google Chrome中,如果我手动应用背景色元素,它会显示背景色,但代码不起作用。@user3105700:你有使彩色动画工作的插件吗?没有插件。为了手动添加背景色元素,我使用了Inspect元素工具。顺便说一句,我的编码很好。我没有意识到如果我这样编码它会调用函数。它仍然不工作。id出现,等待,然后消失。td元素没有任何变化。在Google Chrome中,如果我手动应用背景色元素,它会显示背景色,但代码不起作用。@user3105700:你有使彩色动画工作的插件吗?没有插件。为了手动添加背景色元素,我使用了Inspect元素工具。顺便说一句,我的编码很好。我没有意识到如果我这样编码它会调用函数。它仍然不工作。id出现,等待,然后消失。td元素没有任何变化。在Google Chrome中,如果我手动应用背景色元素,它会显示背景色,但代码不起作用。@user3105700:你有使彩色动画工作的插件吗?没有插件。为了手动添加背景色元素,我使用了Inspect元素工具。顺便说一句,我的编码很好。我没有意识到如果我这样编码它会调用函数。