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的按钮时，是否显示任何警告框？有什么建议吗？

Answer 1

试试这个：这会在点击事件的第二个按钮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
    });  
});

Answer 2

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

用您的ohyes功能替换省略号正如您所看到的......您的代码正常http://jsfiddle.net/willypt/xsyxV/2/

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

2 个答案: