Question

http://igt.bitballoon.com/

以上是参考网站，我正在使用一些jquery函数，我不知道为什么鼠标不起作用。

继承了头部内部的jquery，是的，我也在那里引用了jquery

$(document).ready(function()
{
    $("#Clickables").mouseup(function() 
    {
        $(this).css({"background":'url("http://igt.bitballoon.com/images/clickani.png") no-repeat center', "background-size":"75% 75%"});
    });

    $("#Clickables").mouseout(function() 
    {
        $(this).css({"background":'url("http://igt.bitballoon.com/images/clickani.png") no-repeat center', "background-size":"75% 75%"});
    });

    $("#Clickables").mousedown(function()
    {
        $(this).css({"background":'url("http://igt.bitballoon.com/images/clickdown.png") no-repeat center', "background-size":"75% 75%"});
    });
});

以及相关的html

<div id="Clickables" class="blockclicker" onclick="GatherMoney();">
</div>

我想要发生的事情：当点击图像时，我希望它在鼠标停止时更改，并在用户放开或离开该区域时更改回原始图像。 mousedown和mouseout事件工作得很好。这没有意义，因为当我做了mouseout事件时，我只是复制并粘贴了mouseup事件并更改了事件。问题是：mouseup事件没有放回原始图像的属性，我相信它是正确的图像，但无重复中心和大小不适用，但它们适用于mouseout功能。

我很困惑

Answer 1

你能试试吗？我试过了here

$(document).ready(function()
{
    $("#Clickables").mouseup(function() 
    {
        $(this).css({"background":'url("http://igt.bitballoon.com/images/clickani.png") no-repeat center', "background-size":"75% 75%"});
    });

    $("#Clickables").mouseout(function() 
    {
        $(this).css({"background":'url("http://igt.bitballoon.com/images/clickani.png") no-repeat center', "background-size":"75% 75%"});
    });

    $("#Clickables").mousedown(function()
    {
        $(this).css({"background":'url("http://igt.bitballoon.com/images/clickdown.png") no-repeat center', "background-size":"75% 75%"});
    });
});

<div id="Clickables" class="blockclicker" style="height:200px; width:200px;" onclick="GatherMoney();">
  <button>click here</button>
</div>

jquery mouseup无法正常工作

1 个答案: