jquery-mobile - 如何在对焦或对焦时更改图像，以便用户知道选择了哪个？

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

您可以简单地使用 :hover 动画悬停。

或者为 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)
}