等到锚标记 onclick 函数响应为真

Question

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

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

javascript:

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 滑动幻灯片。

当我点击第二个时，我期望函数为 return 值，然后执行 href。可不可以？

如果不行有什么解决办法吗？

Answer 1

也许这些对你有帮助。

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

使用 JQuery 检查点击 link 时。

$("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");
}

Answer 2

你为什么不这样试试呢。为 'Second' 取一个虚拟 a-tag。如果单击 dummy-second function slide() returns 为真，那么通过使用 jquery 的 trigger 事件，您可以触发单击事件以激活 Slider

您可以根据需要在 slide() 函数

中隐藏和显示 slidersecond & dummysecond 这些 a-tags

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 3

具有 id="second" 的元素需要设置样式以不显示。

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

对fullpage插件了解不够，无法做更精准的推荐。

等到锚标记 onclick 函数响应为真

wait till anchor tag onclick function response is true

html

javascript

fullpage.js