Question

给定 HTML 片段

<img id="progress" src="http://ajaxify.com/run/sum/progress/progress.gif" class="notWaiting"/>

传统 JavaScript 方式,

function submitWord() {
    // Show progress indicator and clear existing results
    $("progress").classname="waiting";

但以下的代码却行不通:

function submitWord() {

 // Show progress indicator and clear existing results
  $("#progress").toggleClass("notWaiting waiting");

此外,我还尝试了addClass ,甚至做了类似的事情。



$("#progress").removeClass().addClass("waiting");


只是为了确保先删除默认类,但... ain t 也帮助。

UPDATE: here is the JSfiddle version. 
http://jsfiddle.net/EVbh2/1/

UPDATE 2:

Now the problem above was that i dint refer to JQuery file itself . But still i am facing problems with code . I tried converting all the code into jquery but it aint working . 
here is a new FIDDLE.

Answer 1

此工作 :

$("#progress").removeClass("notWaiting").addClass("waiting");

这也会有效, 但它会消灭你所有其他的班级, 而唯一的班级将是“等待”:

$("#progress").attr("class","waiting");

这也会有效,而且很可能是最简单的:

$("#progress").toggleClass("notWaiting waiting");

<强> UPDATE

在看着你的小提琴后,你的问题实际上是你忘了在选择“字”时放 #。我还修改了你的键盘功能, 以使用 jquery 等量的。

此工作 :

http://jsfiddle.net/wuXL2/3/

Answer 2

您的 jsFiddle demo 是 not 正确的 jQuery 代码。在 jQuery 中, $ 返回jQuery 对象, 而不是 DOM 元素。因此, 您无法以同样的方式设置属性。因此您无法这样做 :

$("word").onkeyup = function(){
};

您需要调用 keyup 方法 :

$( #word ).keyup(function(){  // Note the  # 
});

此外:

$("results").innerHTML = "";

应:

$("#results").html("");  // Note the  #

关于改变班级:

$("#progress").toggleClass("notWaiting waiting");

这是对的, 在 jQuery 中百分百有效。如果它不起作用, 那么其他的也是错误的( 比如错误的 jQuery 代码, 以及您的 jsFiddle 选择了 MooTools ) 。

固定模版:http://jsfiddle.net/EVbh2/3/" rel=“no follow”>http://jsfiddle.net/EVbh2/3/

Answer 3

问题在于染色体。在IE中,它非常有效。

友情链接