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>

Link 网站部分（＃our-team section）。

任何帮助将不胜感激！ 谢谢！

Answer 1

当您使用sdk和Chrome在移动设备上检查您的网站时，您将获得

  

忽略尝试取消具有cancelable = false的touchend事件，例如因为滚动正在进行且无法中断。

页面上的

警告。

尝试使用.on('click')而不是.click()

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

这甚至适用于动态添加的元素。我认为您的页面正在使用ajax加载其内容（从我在检查器中看到的内容）。