javascript href hover deselection

Question

我在HTML中使用此代码：

   $('#icon_index a[href="#profilo_page"]').hover(
    function () {
       $(this).children("img").attr("src", "img/profilo_p.png");
    },
    function () {
       $(this).children("img").attr("src", "img/profilo_n.png");
    }
  );

当我使用此命令时：

$.mobile.changePage("#index_page");

图像将保持选中状态。然而，如果我将changePage命令用于另一个页面，然后对index_page使用它。 是否有解决方案在点击后“取消选择”图像而不在其他页面中导航？

Answer 1

智能手机上不存在悬停。在大多数情况下，悬停将被截取为“点击”。

所以，假设您有类似这样的菜单栏。

<ul>
  <li><a href="#">Home</a>
    <ul>
      <li><a href="#">Sublink</a></li>
    </ul>
  </li>
</ul>

因此，当您将名为“home”的链接悬停时，将弹出子菜单，其中包含“sublink”链接。

在网页上，您是正确的，它将在鼠标悬停时启用，但在智能手机上，您可以点击它。

关于删除。我不认为你的方法是正确的做法。悬停不适用于智能手机，所以我完全不会使用悬停。

我不认为你可以直接删除你要求的东西。然而，你正在做的事情已经与智能手机上可行的事情分开了。