jQuery單擊/切換在移動設備上不起作用

Question

我嘗試了其他問題的一些舊答案，但沒有一個解決了我的問題。 切換功能無法正常使用。 下面是jquery：

jQuery(document).ready(function($) {

    $(".team-member").click(
    function() {
        $(this).children(".description").toggle();
    }
);
});

HTML：

<div class="team-member" data-style="meta_below">
    <img alt="yes" src="source/to/img.jpg" title="Candice Rauter">
    <h4 class="light">Name</h4>
    <div class="position">Position Goes Herer</div>
    <p class="description">blablabla</p>
</div>

網站部分的鏈接 （＃our-team部分）。

任何幫助，將不勝感激！ 謝謝！

Answer 1

當您使用sdk和Chrome瀏覽器在移動設備上檢查網站時，

忽略嘗試取消帶有cancelable = false的touchend事件的嘗試，例如，因為滾動正在進行並且不能中斷。

頁面上的警告。

嘗試使用.on（'click'）而不是.click()

$(".team-member").on('click', function(){
    $(this).children(".description").toggle();
});

即使對於動態添加的元素，這也應該起作用。 而且我認為您的頁面正在使用ajax加載其內容（從檢查器中可以看到）。