2

そのため、メニュー項目の上にマウスを置くと、いくつかのラジオ ボタンを含む div が表示されるというこの問題が発生しています。

  1. 私の問題: iPad と iPhone では、ラジオ ボタンが選択されるまで 2 回タップする必要があります。(デスクトップでは問題ありません)

  2. 私の質問:ユーザーが 1 回タップするだけで済むようにするにはどうすればよいですか?

  3. コード:
    (a)メニューdivを表示するためのコードは次のとおりです。

            // when entering/leaving the popup, show/hide it
        slide.on('mouseenter', function() {
            $(this).css('display', 'block');                                
        })
        slide.on('mouseleave', function() {
            $(this).css('display', 'none').removeClass('open');
        })

    (b) また、クリックをラジオ ボタンにバインドするコード:

            // check if filter is applied and add active icon
        $('div.slide > fieldset > input').on('click', function() {

            if ($(this).hasClass('color_input')) {
                  color_kleider.addClass('color_active');
            }

        })

  4. 回答: (a)
    ライブ Web サイトを参照してください: Outfitya
    (b) ここでこの写真を参照してください:

ラジオボタン付きメニュー

4

1 に答える 1