JQUERY/CSS iPad問題：爲什麼雙擊需要選擇單選按鈕？

Question

那麼，我告訴有超過一個菜單項上懸停一對夫婦單選按鈕一個div我有這個問題。

1. 我的問題： iPad和iPhone上我需要直到他們選擇的單選按鈕，敲擊兩次。 （在桌面上沒有問題）

2. 我的問題：我該如何做，用戶只需要點擊一次？

3. 驗證碼：
   （一）下面是顯示的代碼，菜單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. RES：
   （一）看到直播網站：Outfitya
   （b）見的這張照片在這裏：

Answer 1

我相信你的第一觸摸激活mouseenter事件，您的第二次點擊實際上是激活點擊事件。

就你而言，我不認爲你需要觸摸設備上的mouseenter事件，但第一次點擊仍應激活底下的click事件。您可以將this.stopPropgation()添加到幻燈片的mouseenter處理程序，並查看點擊是否在第一次敲擊時註冊。

我還要指出，mouseleave將不會觸發iOS上，直到被註冊，如在觸摸界面的下一個事件時，「光標」依然在那裏你最後一個接觸屏幕，直到它在另一個位置輪番上漲。

理想情況下，你應該寫這讓觸摸設備不註冊任何懸停事件。