等待anchor标记onclick函数响应为true

wait till anchor tag onclick function response is true

本文关键字：响应 true 函数 onclick anchor 标记 等待      更新时间：2023-11-17

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

<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。这可能吗？

如果没有，有什么解决方案吗？

你为什么不这样尝试呢。取一个"秒"的伪a标签。如果单击dummy-second，function slide()返回true，那么通过使用jquery的trigger事件，您可以触发一个单击事件来激活Slider

您可以隐藏和显示slidersecond&dummysecond这些a标签取决于您在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>

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

有许多不同的css属性可能会使其不显示，可以使用style属性在id="second"元素上静态地进行样式设置，或者在以#second为选择器的样式表中，或者使用jQuery的style()方法动态地进行样式创建。

我对全页插件的了解还不够，无法做出更准确的推荐。

也许这些会对你有所帮助。

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

单击链接时使用JQuery检查。

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

它应该正常工作，请参阅此处的演示FIDDLE。单击此处。

或

<a href="https://javagunjan.wordpress.com/" onclick="myFunction()">Click Me</a>

function myFunction(){
   alert("hi");
}
相关文章：