Question

我试图让我的移动网络应用看起来更具响应性。因此，当您单击一个图标时，我想要使用jquery mobile来查看图像，同时点击它会显示不同的图像（不同的颜色），使其看起来已经完成了某些事情，那么当您放手时它应该改回来。

我尝试以下但是它似乎没有被解雇。有人有任何提示吗？

$( document ).ready(function() {

    $('.homeAlerts').on( "vmousedown", "a", function() {
        console.log("Clicked");
        $('#homeAlerts').attr('src','mages/HomeIcons/typeOneClicked_0003_Alerts');

    });


    $('.homeAlerts').on( "vmouseup", "a", function() {
        $('#homeAlerts').attr('src','mages/HomeIcons/typeOne_0003_Alerts.png');
    });

});

标记

   <div class="iconL">
                        <a href="#alerts" class="homeAlerts">
                            <img id="homeAlerts" src="images/HomeIcons/typeOne_0003_Alerts.png" />
                            <center class="pullup">Alerts</center>
                        </a>
                    </div>

Answer 1

改为使用jquery mousedown和mouseup函数：

 $("img#homeAlerts").mousedown(function(){
      $(this).attr("src", "images/HomeIcons/typeOneClicked_0003_Alerts.png")
 });
 $("img#homeAlerts").mouseup(function(){
      $(this).attr("src", "images/HomeIcons/typeOne_0003_Alerts.png")
 });

Answer 2

回答你原来的问题，很确定你应该这样做：

$('#homeAlerts').on( "vmousedown", "a", function() {
    console.log("Clicked");
    $(this).attr('src','mages/HomeIcons/typeOneClicked_0003_Alerts');

});


$('#homeAlerts').on( "vmouseup", "a", function() {
    $(this).attr('src','mages/HomeIcons/typeOne_0003_Alerts.png');
});

（您的选择器正在尝试选择一个类，但您的图像上有一个ID）

按钮单击伪造

2 个答案: