0

jQuery Mobile でフォーカスとフォーカスのない画像を追加する方法を教えてください。ボタンを1つ追加します。私は考えて画像を変更する必要がありますか？onfocusまたは、unfocusユーザーが簡単に識別できるようにします。どのボタンが選択されているか、どのボタンが選択されていないか。2つのボタンがある場合、どのボタンが選択されているか、どのボタンが選択されていないかを確認する必要があると思います

このタスクのやり方を教えてください。

私はこのように使用します

<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>
4

1 に答える 1

0

: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)
}
于 2013-07-21T06:04:51.680 に答える