Question

我正在使用fullPage.js。它在桌面上正常工作没有问题，但如果我在iPad上运行相同的代码它不起作用，在Android设备上它有时工作，有时不工作。我正在做一个网站，点击活动的分页文本，它打开一个div。

在jquery.fullpage.js

中

var li = '<li><a href="#' + link + '" onclick="displayDetails('+i+');"><span>' + tooltip + '</span></a>';

功能：

function displayDetails(id) {

    if($('#part').hasClass('active'))
    {
        $("#btn").trigger('click');

    }
}
$('#btn').click(function () {
    //some piece of code
    //to open an div
}

Html代码：

<div id="fullpage">
    <section class="section" id="part0">
      <div id="section0"></div>
    </section>
    <section class="section" id="part1">
      <div id="section1"></div>
    </section>
 </div>

此代码在桌面上完美运行。我真的不明白为什么它不适用于iPad和Android设备。

Answer 1

使用touchstart。

function displayDetails(id) { 
    if($('#part').hasClass('active'))
    {
       $("#btn").trigger('click', 'touchstart');
    }
}

$(document).on('click touchstart', '#btn', function() {
    //some piece of code
    //to open an div
});

演示： http://jsfiddle.net/kxw4vv0q/

Answer 2

function displayDetails(id) { 
    if($('#part').hasClass('active'))
    {
       $("#btn").trigger('click', **'touchend'**);
    } }

$(document).on('click touchstart', '#btn', function() {
    //some piece of code
    //to open an div });

Answer 3

@RGS提供的答案是正确的，但你还要删除你在这里使用的内联javascript：

onclick="displayDetails('+i+');"

只需删除该行，然后将i添加为list元素的data属性即可。然后你可以在活动中获得它

$(document).on('click touchstart', '#btn', function() {

第二次点击活动分页无法在iPad fullpage.js中工作

3 个答案: