jquery - 两个功能和警报不起作用？

Question

html代码

<body>
<h1 align="center">Are you ready?</h1>
<h2 align="center">Just answer Yes or No!</h2>
<div class="wrapper">
    <button id="ohyes" class="buttonYes"> Yes </button>
    <button id="ohno" class="buttonNo"> No </button>
</div>
</body>

jQuery代码

<script>
$(function () {
    $("#ohno").on({
        mouseover: function () {
            $(this).css({
                left: (Math.random() * 800) + "px",
                right: (Math.random() * 800) + "px",
                top: (Math.random() * 400) + "px",
            });
        }

    });

    $("#ohyes").click(function () {
        alert("yes"); //use .val() if you're getting the value
    });
});
</script>

我试图在 jquery 中调用函数首先工作正常按钮在鼠标悬停时移动但是当我单击具有 id ohyes 的按钮时没有显示任何警报框？有什么建议么？

score 0 · Accepted Answer

试试这个：这将ohyes在点击事件的第二个按钮上发出警报。

$(document).ready(function(){
    $("#ohno").mouseover(function(){
        $(this).css({
            left:(Math.random()*800)+"px",
            right:(Math.random()*800)+"px",
            top:(Math.random()*400)+"px",
        });
    });

    $("#ohyes").click(function(){ 
         alert("yes");  //use .val() if you're getting the value
    });  
});

score 0 · Accepted Answer

尝试使用 this jQuery(function($){...});
或 this将您的 ohyes 函数包装在文档就绪块中
$(document).ready(function(){...});

用你的ohyes函数替换省略号
如你所见..你的代码工作正常http://jsfiddle.net/willypt/xsyxV/2/

jquery - 两个功能和警报不起作用？

2 回答 2

Related

Reference