给定一个 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";
但是以 jquery 方式,下面的代码不起作用:
function submitWord() {
// Show progress indicator and clear existing results
$("#progress").toggleClass("notWaiting waiting");
此外,我尝试过 addClass
,甚至做了类似的事情
$("#progress").removeClass().addClass("waiting");
只是为了确保首先删除默认类,但是也没有帮助。
更新:这是 JSfiddle 版本。 http://jsfiddle.net/EVbh2/1/
更新2:
现在上面的问题是我不引用 JQuery 文件本身。但我仍然面临代码问题。我尝试将所有代码转换为 jquery 但它不起作用。
这是一个新的FIDDLE 。
最佳答案
这有效:
$("#progress").removeClass("notWaiting").addClass("waiting");
这也可以,但它会清除所有其他类,并且唯一的类将是“等待”:
$("#progress").attr("class","waiting");
这也可以工作,并且可能是最简单的:
$("#progress").toggleClass("notWaiting waiting");
更新
查看你的 fiddle 后,你的问题实际上是你忘记在“word”选择器中添加#。我还更改了您的 keyup 函数以使用等效的 jquery。
这有效:
关于jquery - JavaScript 到 Jquery 的转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10726691/