-1

在我的 html 中运行此代码时,我收到一个对象预期错误,并且无法让任何按钮起作用。这是我的代码。

<button type="button" id="button">Click</button>

<script language="javascript" type="text/javascript">

$("button").click(function () {
    $("p").addClass("highlight");
})
</script>

调试器说错误开始于 $("button").click(function () {

这是我的整个 html:

http://jsfiddle.net/J7QFy/

我不能让两个按钮都改变颜色,它们只是把颜色变成黄色。这似乎在这个小提琴网站上有点工作,但是我无法从 Internet Explorer 运行它,因为我得到了对象预期错误。当我说从 Internet Explorer 运行它时,我的意思是在浏览器中打开 html 页面文件。

谢谢

4

5 回答 5

1

可能是一个愚蠢的问题,但您已经包含了 JQuery js 文件,对吧?

于 2012-05-23T13:23:14.933 回答
1
<button type="button" id="button">Click</button>
<script type="text/javascript">
$(function() {
    $("button").click(function () {
        $("p").addClass("highlight");
    })
});
</script>

http://jsfiddle.net/4vx7J/

编辑:试试这个

http://jsfiddle.net/J7QFy/11/

于 2012-05-23T13:25:32.087 回答
0

您需要将此代码包含在文档就绪的 jquery 代码中,以便它也能正确运行。

$(document).ready(function() {

}
于 2012-05-23T13:24:07.730 回答
0

是否尝试过其他方法来绑定点击事件?

$(function() {
  $("button").on({
    'click': function() {
      $("p").addClass("highlight");
    }
  });
});
于 2012-05-23T13:27:24.573 回答
0
<style>
.highlight {background-color: red;}
</style>
<button type="button" id="button">Click</button>
<p>foo!!!</p>

<script type="text/javascript">
$(function() {
    $("button").click(function () {
        $("p").addClass("highlight");
        })
});
</script>​

http://jsfiddle.net/UQ43j/2/

于 2012-05-23T13:29:40.083 回答