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加载其内容（从检查器中可以看到）。