Question

请告诉我如何在jQuery Mobile中添加焦点和未聚焦的图像。我添加一个按钮。我需要改变想象中的图像吗？ onfocus或unfocus，以便用户可以轻松识别。选择哪个按钮或取消选择哪个按钮。如果我有两个按钮，我想我需要检查选择了哪个按钮或哪个按钮未被选中？

请告诉你如何完成这项任务？

我像这样使用

<div class="ui-block-c" style="margin-left: 5px;">
        <a href="#" data-role="button" data-corners="false"  data-inline="true" class="next_h" id="next">Next</a>
    </div>
    <div class="ui-block-d" style="margin-left: 30px;">
        <a href="#" data-role="button" data-corners="false" data-inline="true" class="previous_h" id="prev">Previous</a>
    </div>

Answer 1

您可以简单使用：将鼠标悬停在动画悬停中。

或者为focusin和focusout事件添加如下所示的类;

使用CSS和jQuery;

$("a").focusin(function(){
  $(this).addClass("selected");
});

$("a").focusout(function(){
  $(this).removeClass("selected");
});

定义一个新的CSS规则;

.selected {
   (add your selected picture as a background or another effect)
}

如果你想要单独的背景图片;

.selected .next_h {
   (add your selected picture as a background or another effect)
}
.selected .prev_h {
   (add your selected picture as a background or another effect)
}

如何在聚焦或聚焦时更改图像，以便用户知道哪个被选中？

1 个答案: