Question

我搜索了很多但没有解决方案。这是我的代码。

<a href="#second" onclick="return slide();">second </a>

javscript：

function slide() 
{
    //do something
    //There are slides on #second. I am expecting sliding should start before 
    //#second visible in viewport but right now #second is visible and then it starts sliding. 
    $.fn.fullpage.moveTo(section1, 0);
    return true;
}

我使用fullpage.js来滑动幻灯片。

当我点击第二个时，我期望函数返回值，然后href执行。有可能吗？

如果没有解决方案吗？

Answer 1

为什么不尝试这样。为＃＆＃39; Second＆＃39;取一个虚拟标签。如果点击dummy-second时function slide()返回true，则使用jquery＆＃39; trigger事件可以触发点击事件以激活Slider

您可以隐藏并显示slidersecond＆amp; dummysecond这些a-tags取决于您在slide()函数

中的要求

<强> HTML

<a href="javascript:void(0)" onclick="return slide();" id="dummysecond">second </a>
<a href="#second" style="display: none" id="slidersecond" >second </a>

<强> JAVASCRIPT

<script>
  function slide()
  {
     //do something
    //There are slides on #second. I am expecting sliding should start before 
    //#second visible in viewport but right now #second is visible and then it starts sliding.

    var something = true;
    //If something is true
    if (something) {
      //trigger your slider
      $("#slidersecond").trigger('click');
      return true;
    }
    else
    {
      return false;
    }
  }
</script>

Answer 2

需要将id="second"元素设置为不显示。

有许多不同的css属性可能无法显示，并且样式可以使用id="second"属性在style元素上静态完成，或者在#second的样式表中完成作为选择器，或动态使用jQuery的style()方法。

我对fullpage插件的了解不够，无法提出更准确的建议。

Answer 3

可能这些应该对你有帮助。

//Create a anchor tag
<a href="https://javagunjan.wordpress.com/">Click Me</a>

点击链接时使用JQuery检查。

$("a").click(function(){
     alert("Hello World !");
});

它应该正常工作，请参阅 Demo FIDDLE here. CLICK Here.

或

<a href="https://javagunjan.wordpress.com/" onclick="myFunction()">Click Me</a> function myFunction(){ alert("hi"); }

等到锚标签onclick功能响应为真

3 个答案: